Create a button with a text layer label

Hi guys.  Looking for advice on how best to implement a button with a text label.  Initially, I created a rectangle object on a lower layer and with the text in the upper layer through the text tool.  When I group the two objects, and create the button, the text is readable in my InDesign (document) computer screen, but the minute I've put it on my iPad button becomes unreadable and pixelated.  I tried different approaches by moving the text outside the Group of button layer does not display the text at all.  Has anyone experience this problem?  If Yes, what is the best practice?  Thanks in advance.

If the text is contained in the button, it will be rasterized at the correct resolution to be beautiful on your folio of target dimensions. Unfortunately we do not support vector in option for buttons.

I do not know what your button design, but a common approach is to put the text of the button on the background of your page and put a transparent button on top of it to trigger the action. That way your text will be vector (in the PDF which forms the background of the page) and the button is just a transparent top hotspot.

Neil

Tags: Digital Publishing Suite

Similar Questions

  • Creating visible buttons with graphics

    After you have created the button with graphics.

    Button layer... See the CIRCLE, MORE white poster, down the place of show, STRUCK by the black circle.

    Can you tell me it's OK because after I add layer to ActionScript still getting errors.

    I want to assure you that I have up to this point.

    a big thank you to you guys who helps others

    What you are doing inside the both graphic key have no impact on issues relating to the code.    The CLICKED image specifies only the clickable area for the button, it is not an image that is displayed at any time.  It is usually used if the clickable area must be different from that of the top lowest areas.

    If you get any errors, you must copy and paste errors in your ad and view the code associated with them.

  • I need to create a curved with type text box that heal and return to the next line in the form of curved text. How do I do that?

    I need to create a curved with type text box that heal and return to the next line in the form of curved text. How do I do that?

    1. Draw a set of concentric half circles also spaced, stacked so that the outermost is the most remote.
    2. Use the text tool to add text to the outermost path, thus creating a PathType object.
    3. Select all the paths. Type > threaded text > create.
    4. Text tool: click at the end of the text in the object of PathType. Continue typing.

    > If I do that it will not type more.

    A Warp effect is a direct effect. When it is applied to the type of objects, they are still editable text. The chain will deform, however, the text also, not only the paths to which it is attached. Sometimes you want that, sometimes you don't have.

    JET

  • How to create a button with rollover that appears in a different place than the button when you move?

    Hello

    How to create a button with rollover that appears in a different place than the button when you move by using only the Muse (reversal may be a different shape and color of the button). I managed to do it using Photoshop and the separate layers and import it, but it is not a good solution. All suggestions will be welcome.

    Thank you

    You can try to use the widget of the Composition of the ToolTip. In this way, the trigger area is isolated and a "State of reversal" can be placed anywhere on the screen (compared to the trigger).

    • Remove the two triggers additional default
    • Set to display the targets on working capital
    • Select hide all initially.
  • Create a button with a goto command?

    Hello

    I was wondering if it is possible to create a button with a goto, similar to the 'back' command - button: goto://FolioNavigation/lastview?

    Tim

    I think he's asking a DPS feature that is similar to the following in a browser. After that you go to a page and then click on the back button in a browser, the next button becomes active. That is not taken in charge in DPS applications. Kafoussias can correct me if I misunderstood the question.

  • Help creating a button and add text inside

    Hi guys...

    I am trying to create a button (or an MC, the same) using only of the code, but it must be what I need, inside...

    var ins_btn:?

    ins var: String = "how to play / Como jugar;

    ins_btn.x = 202,75;

    ins_btn.y = 316;

    ins_btn. Width = 533,30;

    ins_btn. Height = 59.35;

    ins_btn. Ins = text;

    addChild (ins_btn);

    I tried this way, do ins_btn a MC, but it does not work (it does not appear in my screen) and I do that, so, when someone clicks on it, it goes to the two framework:

    ins_btn.addEventListener (MouseEvent.CLICK, instructionF);

    function instructionF(event:MouseEvent):void {}

    ins_btn. RemoveEventListener (MouseEvent.CLICK, instructionF);

    gotoAndStop (2);

    }

    Then... What should I do to make this button or movieclip appears in the scene, with the words how to play / Como jugar inside?

    Thank you very much!

    For a button work, he needs something to click on as a key area. If you need a basic button without making any design, you can use one of the preset buttons (window-> common libraries-> buttons) or just use the component button (window-> components-> UI-> button).

    For example, this one, open the components Panel (window-> components), driving User Interface open, drag the Button component in your library.

    In the code you can use it as simply as this:

    Import fl.controls.Button;

    import flash.events.MouseEvent;

    var: button = new Button();

    Button.label = "how to play / Como jugar;

    button.setSize (150,20);

    addChild (button);

    button.addEventListener (MouseEvent.CLICK, instructionF);

    function instructionF(event:MouseEvent):void

    {

    button.removeEventListener (MouseEvent.CLICK, instructionF);

    gotoAndStop (2);

    }

    If you want to draw your own button, use the graphics class of any display object and draw a background for your button has something to capture the click. You also need a TextField inside the key. For example a blue rounded rectangle button Sprite:

    import flash.display.Sprite;

    import flash.text.TextField;

    import flash.text.TextFieldAutoSize;

    import flash.text.TextFormat;

    import flash.text.AntiAliasType;

    var ins_btn:Sprite = new Sprite();

    addChild (ins_btn);

    background

    ins_btn. Graphics.beginFill(0x6666CC,1);

    ins_btn. Graphics.drawRoundRect (10,10,150,20,10,10);

    ins_btn. Graphics.endFill ();

    text

    var tf:TextField = new TextField();

    ins_btn. AddChild (TF);

    TF. Width = 10;

    tf.autoSize = TextFieldAutoSize.LEFT;

    tf.antiAliasType = AntiAliasType.ADVANCED;

    TF. Selectable = false;

    TF. Text = "how to play / Como jugar;

    tf.setTextFormat (new TextFormat("Arial",11,0xFFFFFF));

    TF.x = 22;

    TF.y = 10;

    has hit

    ins_btn.addEventListener (MouseEvent.CLICK, instructionF);

    function instructionF(event:MouseEvent):void

    {

    ins_btn. RemoveEventListener (MouseEvent.CLICK, instructionF);

    gotoAndStop (2);

    }

  • Button with multiline text

    Hello

    How can I make a button with text on two lines?

    Thank you

    Try

    hsdfjskfh
    sdfsdf

    Timo

  • Can I create a button with hyperlink to my website?

    I use the first element 9 for video editing. I wonder if it is possible to create a button at the end of the film so people can click on it to my Web site.

    I have photoshop and dreamweaver, but I don't have flash or fireworks.

    Anyone know? Thank you!

    N ° not with Premiere Elements. I'm sorry.

  • How can I create a button with alpha background and text? When the alpha element group influence all elements, but the text remains 100%

    When the alpha element group influence all elements, but the text remains 100%
    I try with the Group of elements and no group, but include elements in the 'State' of the widget library button. Nothing!

    Explain dough my problem and please excuse my English...
    I need to have a transparent background with text (name and job) at the start. When I rollon with the cursor of the mouse on the button background should take a color with 60% alpha, required text full color stay, but if I group or insert State of the item on Rollo button mouse everything take alpha 60%

    I need to regroup or insert in elements went State button because if they are ungruoped to mouse Rollo on bottom its all is ok, but when the mouse passes over the background of text out you of you initial state.

    Can someone help me please?

    I think I know your problem - are you using the opacity of the 'effects' rather than opacity to "fill" - one of the effects will affect the entire element rather than just the rectangle.

    Use this opacity

    not this one

  • Button (with PDF revealing layer by reversal) does not not in web browsers...

    Hi guys,.

    I can't get the buttons to work in web browsers.

    Here is a picture of what I implemented in Acrobat Pro XI:

    http://i.imgur.com/8UqVJpN.gif

    First of all, I imported a layer (what is a PDF file). Then, I made a button which when hit with the mouse displays any PDF document.

    This key works when the PDF file is displayed in Acrobat Pro XI but not in Google Chrome, Edge or all other browsers.

    Is that all that I'm missing?

    Thank you in advance for your help!

    You can use show/hide field measures. They work in Chrome, but I'm not on Edge. Buttons can be used as layers, but importing a PDF file as the icon of the button and make it read-only.

  • How to convert a raster graphics with only text layer in a text layer to make it editable?

    I want to change the text to a graphic layer, but can not. I was wondering how I could convert it into a layer of editable text? I don't know if this is possible, and if not, what are my other options? Thank you!

    Is not possible. You will find the same font and redo the text.

  • Problem with blocking text layer random black area

    So, I've created an animation of text where jumped in the text from left to right. When I integrate the composition of project folder, I work there is a black random cut that covers the screen and I don't know why.  It seems good in the original composition, why it's like this now?
    I have attached a screenshot so you can see what I mean.screenshot.jpg

    Impossible to know. This would require to look in before compositions.

    Mylenium

  • I created a button with an animation in a loop...

    ... that I want to play only when mousedover and stop (hide) on mouseout/mouseouthandler().

    Right now it's stop and start once I mouseover the time affects the first. But when it loads it is not hidden. Here is the code I have so far:

    MouseOver

    var mySymbolObject = sym.getSymbol ("ButtonSlider");

    SYM.$("ButtonSlider"). CSS({Opacity:1});)

    Mouseout/mouseouthandler()

    var mySymbolObject = sym.getSymbol ("ButtonSlider");

    SYM.$("ButtonSlider"). CSS({Opacity:0});)

    Click

    SYM. Play (0000);

    I tried a trigger to hide on the time line with the same code on the buttons, but the ButtonSlider stays hidden.

    Thanks for you help in advance.

    You need to target the button element in the button symbol. So here's the updated code:

    {sym.$("ButtonSlider"). MouseEnter (Function ()})

    sym.getSymbol("ButtonSlider").$('Button').show ();

    });

    {sym.$("ButtonSlider"). MouseLeave (Function ()})

    sym.getSymbol("ButtonSlider").$('Button').hide ();

    });

    {sym.$("ButtonSlider"). Click (Function ()})

    SYM. Play (0);

    });

  • Problem on creating a button with as2

    I buy a template with the following code which loads a logo

    _root.createEmptyMovieClip("logo",_root.getNextHighestDepth());
    
     _root.createEmptyMovieClip("menuholder",_root.getNextHighestDepth());
     _root.attachMovie("mbg","menumask",_root.getNextHighestDepth(),{_width:960, _height:Stage.height,_x:(Stage.width/2)-480, _y:_root.menuholder._y, _alpha:0});
    
    logoLoad(XMLoptions_logourl,_root.logo); 
    
    
    initHeader = function () {
     logoLoad = function (path, targetMovie) {
     targetMovie._alpha = 0;
     var my_mcl:MovieClipLoader = new MovieClipLoader();
     var mclListener:Object = new Object();
     my_mcl.addListener(mclListener);
     mclListener.onLoadInit = function() {
     targetMovie._y = _root.XMLoptions_headerheight-Math.floor((XMLoptions_logoheight/2)+(XMLoptions_menuheight/2))-XMLoptions_logopaddingy;
     Tweener.addTween(targetMovie,{_alpha:100, time:1, transition:"easeOutSine"});
     //
     //LOGO ORIENTATION
     //
     if(XMLoptions_logoorientation=="right"){
     targetMovie._x = Math.floor((Stage.width/2)+480-targetMovie._width-XMLoptions_logopaddingx);
     }else if(XMLoptions_logoorientation=="center"){
     targetMovie._x = (Stage.width/2)-(targetMovie._width/2);
     }else if(XMLoptions_logoorientation=="left"){
     targetMovie._x = Math.floor((Stage.width/2)-480)+XMLoptions_logopaddingx;
     }
     };
     my_mcl.loadClip(path,targetMovie);
     };
    

    I want to add a logo that will be in the right, if the logo is on the left, and I want this logo to have a substitution as a button effect, so I add this code

    _root.createEmptyMovieClip("logo2",_root.getNextHighestDepth());
    logo2Load(XMLoptions_logo2url,_root.logo2);
    
    
    logo2Load = function (path, targetMovie) {
     targetMovie._alpha = 0;
     var my_mcl:MovieClipLoader = new MovieClipLoader();
     var mclListener:Object = new Object();
     my_mcl.addListener(mclListener);
     mclListener.onLoadInit = function() {
     targetMovie._y = _root.XMLoptions_headerheight-Math.floor((XMLoptions_logoheight/2)+(XMLoptions_menuheight/2))-XMLoptions_logopaddingy;
     Tweener.addTween(targetMovie,{_alpha:100, time:1, transition:"easeOutSine"});
     //
     //LOGO ORIENTATION
     //
     //test=false;
     if (test==true){
     if(XMLoptions_logoorientation=="right"){
     targetMovie._x = Math.floor((Stage.width/2)-480)+XMLoptions_logopaddingx;
     }else if(XMLoptions_logoorientation=="center"){
     targetMovie._x = (Stage.width/2)-(targetMovie._width/2);
     }else if(XMLoptions_logoorientation=="left"){
     targetMovie._x = Math.floor((Stage.width/2)+480-targetMovie._width-XMLoptions_logopaddingx);
     }}test=true;
     targetMovie.onRollOver = function(){
     logo3Load(XMLoptions_logo2over,_root.logo2);
     };
     
     
     };
     my_mcl.loadClip(path,targetMovie);
     };
     //
     logo3Load = function (path, targetMovie) {
     targetMovie._alpha = 0;
     var my_mcl:MovieClipLoader = new MovieClipLoader();
     var mclListener:Object = new Object();
     my_mcl.addListener(mclListener);
     mclListener.onLoadInit = function() {
     targetMovie._y = _root.XMLoptions_headerheight-Math.floor((XMLoptions_logoheight/2)+(XMLoptions_menuheight/2))-XMLoptions_logopaddingy;
     Tweener.addTween(targetMovie,{_alpha:100, time:1, transition:"easeOutSine"});
     //
     //LOGO ORIENTATION
     //
     
     
     targetMovie.onRelease = function(){
     getURL(XMLoptions_urlredirect, "_self"); 
     
     };
     targetMovie.onRollOut = function(){
     //Tweener.removeTweens(_root.footer.tooltip);
     //removeMovieClip(_root.footer.tooltip);
     test=false;
     logo2Load(XMLoptions_logo2url,_root.logo2);
     };
     
     };
     my_mcl.loadClip(path,targetMovie);
     };
    

    That makes the page sometimes do strange things because im the logo instead of changing the image, what is the proper way to change the XMLoptions_logo2url on XMLoptions_logo2over image on load bearing?

    Try:

    Button.prototype.swapDepths = MovieClip.prototype.swapDepths;

    var tl:MovieClip =;

    logo2Btn.swapDepths (1000000);

    trace (logo2Btn + "" + this.getNextHighestDepth ());

    setTimeout (traceF, 5000);

    function traceF() {}

    trace (TL.getNextHighestDepth ())

    }

  • reversal of button with dynamic text animation

    So I have a button that I want to be able to use again and again. When you hover over the button, it made an animation and has an area of dynamic text in it. Ovbiously im trying to make each of these different texts for each button. What would be the smarter way to go about this? Thank you

    ____

    Dan

    you don't know.  You can add a movieclip to highest setting and this movieclip could contain a textfield.  you just give the textfield instance name (say tf) and give the movieclip that is increasingly framing an instance name (say mc).  You can use:

    gotoAndStop ("over");

    e.currentTarget.mc.tf.text = "whatever";  p. s.  you will have to wait for a render event to trigger after the goto statement to tf is instantiated.

Maybe you are looking for

  • How to change the amount of RAM shared

    Dear Sir.I use Lenovo 3000 C100. When I check the properties of the system-> Legeneralonglet, I see that I have 248 MB memory live available. I guess the total RAM could be 256 MB. While they inspected the size of my video RAM in the monitor plug-and

  • Variant of the 1 d array

    I met a situation like a table of data, dbl (converted data) and I16 two (raw data). I want to do a Subvi for two types of data. The steps of coversion with array manipulation functions are very similar in each type of data. It does not use a variant

  • How should I try to reinstall an update if I receive an "update for windows vista securtity" cannot install?

    I got a lot of succesful "update Microsoft Windows Vista" facilities. I also had a handful of "securtity update for windows vista (kbxxx) - status failed. How do not to install again? When I search google for the update, click to download the update

  • My task bar freezes from time to time.

    My taskbar freezes, especially when I try to change the volume.

  • Program "Incompatible".

    Hello In a bit of a pickle: a program, eLicenser Control (eLC), will not install on the grounds that it is incompatible with my installation of widows 8.  Except eLC is configured for Windows 8, and he has previously worked on my computer until I rec