Creating a button with a text label layer

Hi guys. Looking for any tips on how best to implement a button with a text label. I initially created a rectangle object on a lower layer and with text in the upper layer via type tool. When I group both objects and create the button the text is readable in my InDesign (document) computer screen but the minute I preview it on my iPad the button becomes unreadable and pixellated. I tried various approaches by moving the text layer outside the button group does not display the text at all. Has anyone run into this issue? If so what is the best practice? Thanks in advance.

Thanks for the insight Neil. Regarding my button design its nothing fancy. Its a rectangle box on one layer and a text label on another layer inside the rectangle object. What I'm trying to simulate is when the user taps on the button the click state will change colour to notify the user that they have activated an event and in this case a navto://...
The way I've implemented it is the rectangle is coloured pink [Normal] and when tapped the light pink [Click] toggles between both colours BUT my text label disappears.
See the screen shots below.

Similar Messages

Creating a button with text in FlashCS5

I am fairly new with using FlashCS5. I just finished the class and created a button with text in it for class but now when I need to do it for a project I can't seem to get it to work.
I am trying to create a simple start and stop button to start and stop a Flash movie. I can get the buttons to work without any text, such as the word start and stop in the middle of each. Everything I've tried to do with the text on the button turns out the same.
What happens is that in Flash the buttons appear to work fine. The little hand with the finger shows no matter where I place my cursor on the button but when I test them the area where the text is does not allow the click to work. I have tried specifying a hit area and made sure that the hit area was larger than the entire button but still the middle where the text is doesn't work. Outside of the text area works fine.
Any ideas? I've spent 4 hours on this.

Thank you for the reply but what I am doing is much simpler. I am creating a gray rectangle and putting text in the center. I am then selecting both the rectangle and the text and converting it to a button. I am then editing the button from the library and adding a keyframe to the hit area, drawing a rectangle around the button to establish the hit area.
I am enabling simple buttons and when in Flash it appears fine. It is when I test that the area where the text is doesn't function as clickable.

How can i create a button with a dynamic picture?

How can i create a button with a dynamic picture using
mcLoader.loadClip
I did create one with it doesnt seem to be working. It loses
all its
functions (eg onPress onRelease)
Thanks

I solved thep roblem anyway creating a mc.. then creating
another MC withing
the first MC and i change the picture on the second MC. And i
apply the
propierities to the first MC , and works
If i have troubles with mu sistem on the future I will use
yours!
Thanks!
"the fleece" <[email protected]>
escribi� en el mensaje
news:e67i88$jlf$[email protected]..
> the image loading will remove any properties or
functions the mc had.
>
> you need to apply them in the onLoadInit function
>
> mclListener.onLoadInit = function(target_mc:MovieClip) {
> target_mc.onRollOver=blah blah
> };
> var image_mcl:MovieClipLoader = new MovieClipLoader();
> image_mcl.addListener(mclListener);
> image_mcl.loadClip(blah, blahblah);
>
>

How to create a button with the drop-down menu?

I want to create a button with the drop-down menu, which is like the 'back' on the tollbar in IE. I heard JPopupMenu can reach the certain result, but the button hadn't a down arrow. Who can help me?

i have made something like this :
//======================================================================
package com.ju.guiutils
import java.awt.*;
import java.awt.event.*;
import java.net.URL;
import java.util.Vector;
import javax.swing.*;
import javax.swing.border.*;
import javax.swing.event.*;
import javax.swing.plaf.basic.BasicComboBoxUI;
* @version 1.0 14/04/02
* @author Syed Arshad Ali [email protected] 
* Usage : ButtonsCombo basically performs function button + JComboBox, if we have different options for
* same button then we can use this ButtonsCombo.
* By the way there is no button at all in ButtonsCombo
public class ButtonsCombo extends JComboBox {
//===================================================================================
* Create ButtonsCombo with default combobox model
public ButtonsCombo () {
super ();
init ();
//===================================================================================
* Creates a ButtonsCombo that takes it's items from an existing ComboBoxModel.
public ButtonsCombo ( ComboBoxModel model ) {
super ( model );
init ();
//===================================================================================
* Creates a ButtonsCombo that contains the elements in the specified array.
public ButtonsCombo ( Object [] items ) {
super ( items );
init ();
//===================================================================================
* Creates a ButtonsCombo that contains the elements in the specified Vector.
public ButtonsCombo ( Vector items ) {
super ( items );
init ();
//===================================================================================
private void init () {
setBorder ( BorderFactory.createBevelBorder ( BevelBorder.RAISED ) );
setRenderer ( new ComboRenderer() );
setUI ( new ComboUI() );
addMouseListener ( new ComboMouseListener() );
//===================================================================================
* Set items for ButtonsCombo in the specified array
public void setItems ( Object [] items ) {
setModel ( new DefaultComboBoxModel( items ) );
//```````````````````````````````````````````````````````````````````````````````````
* Set items for ButtonsCombo in the specified Vector
public void setItems ( Vector items ) {
setModel ( new DefaultComboBoxModel( items ) );
//```````````````````````````````````````````````````````````````````````````````````
* Get current items in a array
public Object [] getItemsArray () {
ComboBoxModel model = this.getModel ();
if ( model != null ) {
int size = model.getSize ();
if ( size > 0 ) {
Object [] items = new Object[ size ];
for ( int i = 0; i < size; i++ ) {
items[ i ] = model.getElementAt ( i );
return items;
return null;
//```````````````````````````````````````````````````````````````````````````````````
* Get current items in a Vector
public Vector getItemsVector () {
ComboBoxModel model = this.getModel ();
if ( model != null ) {
int size = model.getSize ();
if ( size > 0 ) {
Vector itemsVec = new Vector();
for ( int i = 0; i < size; i++ ) {
itemsVec.addElement ( model.getElementAt ( i ) );
return itemsVec;
return null;
//===================================================================================
class ComboMouseListener extends MouseAdapter {
public void mouseClicked ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
public void mousePressed ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
ButtonsCombo.this.setBorder ( BorderFactory.createBevelBorder ( BevelBorder.LOWERED ) );
public void mouseReleased ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
ButtonsCombo.this.setBorder ( BorderFactory.createBevelBorder ( BevelBorder.RAISED ) );
//===================================================================================
class ComboRenderer extends JLabel implements ListCellRenderer {
//````````````````````````````````````````````````
public ComboRenderer () {
setOpaque ( true );
//````````````````````````````````````````````````
public Component getListCellRendererComponent ( JList list, Object value, int index, boolean isSelected, boolean cellHasFocus ) {
setBackground ( isSelected ? Color.cyan : Color.white );
setForeground ( isSelected ? Color.red : Color.black );
setText ( ( String )value );
return this;
//````````````````````````````````````````````````
//===================================================================================
// We have to use this class, otherwise we cannot stop JComboBox's popup to go down
class ComboUI extends BasicComboBoxUI {
public JButton createArrowButton () throws NullPointerException {
try {
URL url = getClass ().getResource ( "/images/comboarrow.gif" );
JButton b = new JButton( new ImageIcon( url ) );
b.addActionListener ( new ActionListener() {
public void actionPerformed ( ActionEvent ae ) {
return b;
} catch ( NullPointerException npe ) {
throw new NullPointerException( "/images/comboarrow.gif not found or /images folder not in classpath" );
catch ( Exception e ) {
e.printStackTrace ();
return null;
//======================================================================
you can cutomize this according to your requirement , okie ;)

How can i create a button with richText display instead of label

Hi All,
I'm trying to create a button that will look exactly as the regular spark button but will have more than one color in his label (Like attached 'buttonPic.jpg')
I have tried to create a new button skin and new button component that will replace the label text and will to the job, but still it looks like the button original class overides the richText definitions. (Code attached)
Maybe there is other solution?
This is my extra code in the MyButtonSkin
 
 
 <s:Label id="labelDisplay"
 visible="false">
 </s:Label>
 <s:RichText id="exLabelDisplay"
 color="0x900000"
 textFlow="{TextConverter.importToFlow(htmlTextAsHTML, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
 left="7" right="7" top="2" bottom="2">
 </s:RichText>
 <fx:Declarations>
 <fx:String id="htmlTextAsHTML"><![CDATA[0+]]></fx:String>
 </fx:Declarations>

Hi mewk,
probably it was a catch due to eyes that actually got a bit of sleep
anyway small test app
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
<fx:Script>
<![CDATA[
protected function updateBtn_clickHandler(event:MouseEvent):void
richbtn.label=mytext.text;
]]>
</fx:Script>
<s:Button id="richbtn" x="69" y="58" width="169" height="83" skinClass="ButtonSkin1" label="hellogoodbye"/>
<s:Button x="70" y="333" label="Update rich button" id="updateBtn" click="updateBtn_clickHandler(event)"/>
<s:TextArea x="69" y="174" id="mytext" text="hellobold"/>
</s:Application>
and a skin with minimal change
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21" alpha.disabled="0.5">
 <fx:Metadata>
 <![CDATA[
 [HostComponent("spark.components.Button")]
 ]]>
 </fx:Metadata>
 <fx:Script fb:purpose="styling">
 <![CDATA[
import flashx.textLayout.conversion.TextConverter;
 static private const exclusions:Array = ["labelDisplay"];
override public function get colorizeExclusions():Array {return exclusions;}
 override protected function initializationComplete():void
 useBaseColor = true;
 super.initializationComplete();
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
 var cr:Number = getStyle("cornerRadius");
 if (cornerRadius != cr)
 cornerRadius = cr;
 shadow.radiusX = cornerRadius;
 fill.radiusX = cornerRadius;
 lowlight.radiusX = cornerRadius;
 highlight.radiusX = cornerRadius;
 border.radiusX = cornerRadius;
 if (highlightStroke) highlightStroke.radiusX = cornerRadius;
 super.updateDisplayList(unscaledWidth, unscaledHeight);
 private var cornerRadius:Number = 2;
 ]]>
 </fx:Script>
 
 <s:states>
 <s:State name="up" />
 <s:State name="over" />
 <s:State name="down" />
 <s:State name="disabled" />
 </s:states>
 
 <s:Rect id="shadow" left="-1" right="-1" top="-1" bottom="-1" radiusX="2">
 <s:fill>
 <s:LinearGradient rotation="90">
 <s:GradientEntry color="0x000000"
 color.down="0xFFFFFF"
 alpha="0.01"
 alpha.down="0" />
 <s:GradientEntry color="0x000000"
 color.down="0xFFFFFF"
 alpha="0.07"
 alpha.down="0.5" />
 </s:LinearGradient>
 </s:fill>
 </s:Rect>
 
 <s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
 <s:fill>
 <s:LinearGradient rotation="90">
 <s:GradientEntry color="0xFFFFFF"
 color.over="0xBBBDBD"
 color.down="0xAAAAAA"
 alpha="0.85" />
 <s:GradientEntry color="0xD8D8D8"
 color.over="0x9FA0A1"
 color.down="0x929496"
 alpha="0.85" />
 </s:LinearGradient>
 </s:fill>
 </s:Rect>
 
 <s:Rect id="lowlight" left="1" right="1" bottom="1" height="9" radiusX="2">
 <s:fill>
 <s:LinearGradient rotation="90">
 <s:GradientEntry color="0x000000" alpha="0.0099" />
 <s:GradientEntry color="0x000000" alpha="0.0627" />
 </s:LinearGradient>
 </s:fill>
 </s:Rect>
 
 <s:Rect id="highlight" left="1" right="1" top="1" height="9" radiusX="2">
 <s:fill>
 <s:SolidColor color="0xFFFFFF"
 alpha="0.33"
 alpha.over="0.22"
 alpha.down="0.12" />
 </s:fill>
 </s:Rect>
 
 <s:Rect id="highlightStroke" left="1" right="1" top="1" bottom="1" radiusX="2" excludeFrom="down">
 <s:stroke>
 <s:LinearGradientStroke rotation="90" weight="1">
 <s:GradientEntry color="0xFFFFFF" alpha.over="0.22" />
 <s:GradientEntry color="0xD8D8D8" alpha.over="0.22" />
 </s:LinearGradientStroke>
 </s:stroke>
 </s:Rect>
 
 <s:Rect left="1" top="1" bottom="1" width="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.07" />
 </s:fill>
 </s:Rect>
 <s:Rect right="1" top="1" bottom="1" width="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.07" />
 </s:fill>
 </s:Rect>
 <s:Rect left="2" top="1" right="2" height="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.25" />
 </s:fill>
 </s:Rect>
 <s:Rect left="1" top="2" right="1" height="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.09" />
 </s:fill>
 </s:Rect>
 
 <s:Rect id="border" left="0" right="0" top="0" bottom="0" width="69" height="20" radiusX="2">
 <s:stroke>
 <s:LinearGradientStroke rotation="90" weight="1">
 <s:GradientEntry color="0x000000"
 alpha="0.5625"
 alpha.down="0.6375" />
 <s:GradientEntry color="0x000000"
 alpha="0.75"
 alpha.down="0.85" />
 </s:LinearGradientStroke>
 </s:stroke>
 </s:Rect>
 
<s:RichText id="LabelDisplay"
color="0x900000"
textFlow="{TextConverter.importToFlow(hostComponent.label, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
left="7" right="7" top="2" bottom="2">
</s:RichText>
</s:SparkSkin>

SQL Subscription field shows * only with Dynamic Text Label in SQL query

We are using Hyperion Analyzer 7.2.x for showing budget and actual data. I have to show this financial data based on the security e.g. person in IT can see only IT dept. data. Hence I want to use dynamic text label <<userid>> for the security based on the person logging in to Analyzer.
But when I use dynamic text label <<userid>> in the SQL query in SQL Spreadsheet, SQL Subscription field shows * only selection option. Does anyone have idea how to solve this problem?
Thanks in advance for your help.
-SV

Hi
Okay i know this is a bit crazy way.....but i think this is the solution for your issue.
Create a report without the where clause (<<useris>>) then add a filter (sql subscription) then you can find all the values that are there in the SQL field (try to increase the query limit it is set to 250 as default) then edit the spreadsheet and add the where clause (<<userid>>).
This will help you having the filter and the dynamic text label. I think there is an issue when you try to filter it with a where clause.
Hope it helps.
CK

Trying to create a template with adjustable text fields.

I need to creat a form or template with adjustable text and image fields. I need to have a background template for multiple pages that when I make a change to the template it make the changes to all pages, like the master page of indesign. I also need to have text and image fields that are specific to each page but the dimensions and placement are controled by the template,but the information inside is page spacific. What program should I use and anyone know a tutorial for help?

What you want would require elaborate programming or dealing with variables in Framemaker or InDesign (Server) to dynamically generate the output upon request. You can of course get part of the features using normal variables in ID e.g. to pull linked images based on some parameters, but generally your request sounds too complex to deal with all scenarios.
Mylenium

How to create a FSV with the text groups in spabish and English

Hi gurus,
could you help me with a issue. I want to know where i can add the text in english in the groups of the fse2 , because i have tha configuration with spanish text but when i execute the f.01 with the language EN the system do not give text in English. So could you help me?
best regards!

I just tried it with our FSV, system language is EN and i executed the report in DE. I could see german texts but not on the FS items.
I dont know, if that is possible because these are custom texts/input fields from you as compared to the system text converted to the required language on the report header and other layout fields
If you want the FS items to also show text in 2 languages, i recommend creating another FSV in the alternate language and using it.

Creating Online Documentation With Conditional Text

I'm fairly new to conditional text and was curious if it was possible to create a document that can be hosted online with conditional text. The document versions need to contain links specific to each company referencing the document. For example, if Microsoft wanted to access their version, the documentation would provide links to their own documentation that relates to the subject being discussed. However, if Adobe wanted to access the same document, it would give them their own links as opposed to Microsoft's links. If it is possible, what method does Frame use to distinguish between the user accessing the documentation? Would users be authenticated through User ID and Password?
Thank you in advance,
John

Hi Van,
Thank you for your response. I was thinking that the way conditional text worked is that it basically created three different versions (files) housed as one file and the versions could be somehow referenced individually from within the main file. Obviously this is not the case, but it still would have made the process of hosting the documentation online fairly easy. I'll look into Air and see if it can kind of work like what I was looking for, but if all else fails, we could always just host each of the seperate versions.
John

Creating dynamic buttons with pictures on them

Hi there,
What is the procedure for doing so?
I need to create 5 buttons which looks the same, and each one of them has a picture on it.
I'm new to Flash/Action Script.
I created a button symbol, named it and created linkage to AS.
I also created a MovieClip that holds the picture I want to put on top of the button and created a linkage.
Then in the code I create two instances and display them
This is the code:
public function setBBWBtnProp(btn:btnChoose, tmb:MovieClip, idx:int)
     btn.height = 120;
     btn.width = 120;
     btn.x = 20;
     btn.y = 15 + 140 * idx;
     tmb.x = btn.x + 5;
     tmb.y = btn.y + 5;
var btn1:btnChoose = new btnChoose();
var tmb1:mvBBW02Thumb = new mvBBW02Thumb();
setBBWBtnProp(btn1, tmb1, 0);
ph.addChild(btn1);
ph.addChild(tmb1);
Now, it works but the movieclip blocks the button...
Any idea how to do it correctly...

I'm only an intermediate scripter, but in my experience it seems like it's a mistake to mix coding with buttons. Instead use a movie clip and assign listeners to it.
look up functions like the onese I use below
actorButton is my movie clip
private function registerMyButton(){
            actorButton.buttonMode = true;
            actorButton.addEventListener(MouseEvent.CLICK, reportClick);
function reportClick(event:MouseEvent):void{
            var thisPage = myImgData.web_page_str;
            var targetURL:URLRequest = new URLRequest(thisPage);
            navigateToURL(targetURL, "_self");
hope that helps
...gregory

Need help on creating a button with additional drop down menu

Hi,
I need to have a button with additional menu as we see in IE, please help me how can i do that. I want the button to be displayed normally with an additional arrow on the right side when clicked on it shows pop up menu. Please let me know if the solution has already there in the forum. I searched and couldn't get one .. :(

Hey there buddy.
Try this:
http://www.koders.com/java/fid20361AB8C305DE9B9110DE90F2154FC43AA0E57C.aspx
Jason.

Create a button with an advanced action to start a video and associated text on the timeline.

I need help. I have a video on a slide that I want to start only when the learner clicks a Play Video button. When that button is clicked, the video should start and the associated text captions with their timings should start then as well. Is this possible with advanced actions? If so, can anybody help me with those actions?
The slide would work like this:
Upon entry to the slide, narration is playing, and a text box appears on the screen. It tells them to "click the play video button to begin". Nothing should happen until they click the play video button.
When they click the button, the advanced action would start the video, and the associated text boxes appear as each "step" in the video goes by. It's a procedure with step by step instructions.

You are very correct. I am making it too complicated! I believe I will do exactly what you said. If I still want to have a button that says Play Video, I could just have that button advance to the next slide. The learner will probably not even know they are on a different slide. Thanks for making me see that clearly. Sometimes I get too caught up in trying to do something one way. Thanks for the help!

Creating new buttons on different frame labels

can someone tell me if im doing something wrong or assigning
the as to the wrong frame?
first off i have all my buttons on frame 2. im creating a
real estate site and i have to have a couple links like HOME ABOUT
BUYING SELLING CONTACT, the thing though is that in the BUYING and
SELLING frames i want to add more sections and links but only on
these 2 other parts of my site. when i code it and add new buttons
to these sections though my movie plays over and over and over non
stop. heres my coding...
FRAME 1 preloader
Frame 2 has a frame label of home and all the buttons on a
diff layer, and AS3 on a different layer
Frame 3 has a frame label for about section
Frame 4 is my contact for example
so if i create a new button in the about frame label and just
add the code to the working as3 code on frame 2 my movie just plays
over and over and over again, and all i want it do do is act like
the other buttons and go to a different frame label down in the
time line. the only way i get it to work is if i have ALL my
buttons on frame 2.
frame 1
my preloader
frame2
home_btn.addEventListener(MouseEvent.CLICK, onHome)
function onHome(event.MouseEvent):void
gotoAndStop("home");
about_btn.addEventListener(MouseEvent.CLICK, onAbout)
function onAbout(event.MouseEvent):void
gotoAndStop("about");
etc....
etc...
i enter my btn code just like this and the buttons on frame 2
work but any new buttons i try and creat and put into different
frames othere then frame label "home" aka frame 2 wont work

correct.
there are lots of ways around it. but they all require the
object to exist when the code executes.
with as3 it's particularly easy to create objects, code for
them and then add them to the display list later when
needed.

Need a Jbutton object with TWO text labels??

Hi
I have a major problem I need to create a JButton object that takes two string as argument
MyButtonClass(String a, String b);
I do not have a clue how to do this... the reason I need this is that I have ttf(true type font) file each character refers to an Icon....so the first string argument will be character that refers to appropriate icon and the second argument the label of the button...
just as the JButton(String text, Icon icon) object...but I do not have a clue how to create an Icon of a character that refers to icon in the ttf file...(I do not think this is possible?)
I hope some one can give me clue how to this.
Thanks

Hi there
I don't know what you are trying to say maybe you can clarify so that I might be able to help you. As I understand it you have button that must take in to parameters when it is created. These parameters then will say which icon has to be set with font that has been selected.
This may sound stupid but why don't you create an Icon in (Paint Shop Pro or someting similar) that contains the text with the Icon and then just read the jpg file in as you normally would. Thus just having the switch statement or if statement making the rules for when a specific Icon should be selected.
I may be wrong but that is what I would do.

How to create a button with javascript

Hello everyone ,
I'm pretty new in the world fo APEX , after reading a lot of tutorials , i'm trying to build my own application ,but now i'm stuck because of my lack of knowledge :)
So here is the problem ,
I have a line with a select list ( designed to select a task )+ 5 text fields ( designed to write how many hours the worker worked each day for the task )
And then , a button " Add Task " , so with this button i want to create a copy of the first line so the worker can add an other task , but actually i have no idee how to do this .. I don't know if i was clear or not ? ,
I will apreciated all advice and remarks ,
Thanks in advance
Brice

Once your tabular form is created,
go to Report Attributes and click the edit icon(pencil image) next to the column you want to be a select list,
go to column attributes and click the Display As select list, and you'd probably choose Select List Static or Named
The Add Task button would be the standard 'Add Row' button that gets created from creation of the tabular form.
What do the rows that you want to create relate to? It seems that the first row has a Task coming from the select list and the 5 entry columns as hours each working day of week and one week = one row ?
If you need to create additional blank rows, I would look at using an Apex Collection, created in a before header process, where you can add as many rows as desired, then query the collection for the tabular form, and maybe have a custom post submit process to update the collection data to your table. If you're only adding rows to the table, you don't really need the checksum functionality that is a desirable part of the Apex Tabular Form/MRU process. Thinking out loud here.
Hope this helps.
Edited by: Bob37 on Nov 9, 2011 10:40 AM

Creating a button with a text label layer

Similar Messages

Maybe you are looking for