How to align label text to the left in Spark Button (no "textAlign" style)?

Hi all,
"textAlign" style is excluded for Spark Button, and probably for a good reason.
[Exclude(name="textAlign", kind="style")]
  If I want to align Spark Button text label to the left, should I create custom skin to accomplish that?
Something e.g:
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        minWidth="21" minHeight="21"
        alpha.disabled="0.5">
<s:Label
        id="labelDisplay"       
        textAlign="left"               
        left="2" right="2" top="2" bottom="2"/>
</s:Skin>

    Right, I though about this approach vith setStyle too, but this is not that convenient.
    I looked into source code and find out that spark.components.Button class adds to the spark.components.supportClasses.ButtonBase only one public property "emphasized".
  Because I do not need this property in my project, I've extended my custom LinkButton component from ButtonBase to allow setting "textAlign" style in MXML for this component.
import spark.components.supportClasses.ButtonBase;
public class LinkButton extends ButtonBase {
   Also,  inside custom Skin from my Button component I do not set explicitly "textAlign" style value to the button label, I let button label to inherit style value specified in MXML for the style textAlign of my ListButton component.
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        minWidth="21" minHeight="21"
        alpha.disabled="0.5">       
    <fx:Metadata>
        [HostComponent("component.LinkButton")]
    </fx:Metadata>   
<s:Label
        id="labelDisplay"
        textDecoration="underline"
        maxDisplayedLines="1"
        verticalAlign="middle"
        color="{getStyle('color')}"
        color.over="{getStyle('textRollOverColor')}"       
        color.down="{getStyle('textSelectedColor')}"       
        left="10" right="10" top="2" bottom="2"/>
</s:Skin>

Similar Messages

  • How to get label text  for the Input Field in code

    Hi,
    I have created Two UI elements InputField  and Label.  I set the property 'labelFor' of the UI element Label to 'InputField'.
    This is my requirement .  I am having the Id of InputField in the code . I want to get the value of 'text' of  the UI element Label.
    Please suggest how to proceed.
    Points will be rewarded for helpful answers.
    Best Wishes
    Idhaya R

    Not sure why you really need this, but you could do something like
    IWDInputField field = (IWDInputField) view.getElement("inputFieldID");
    IWDLabel fieldLabel = null;
    for (Iterator children = field.getContainer().iterateChildren(); children.hasNext(); )
      IWDUIElement child = (IWDUIElement) children.next();
      if (child instanceof IWDLabel)
        IWDLabel  label = (IWDLabel) child;
        if ( field.getId().equals(label.getLabelFor())
          fieldLabel = label;
          break;
    Armin

  • How to align/flush completely to the right margin or text frame?

    Is this possible? I'm trying to align the Standing Head to the edge of the frame.

    Is the colored background simply the color of your text frame? If so, no, you cannot move text out at the right hand side (on the left side, inserting a thin space before the first character and using a negative kern value works -- but not on the right side). Optical Margin Alignment does something, but it appears to move the right-aligned text to the left instead ...
    If you want to be able to apply a paragraph style and forget about it, you will have to separate the background color and the text frame itself. Then you can make the text frame just a bit wider, and set the right margin of the "regular" text to that same bit.
    You can also put the header into a separate frame and make it an anchored object. More work, harder to adjust, same effect -- but you don't need to resize your text frame.

  • How to achieve Vertical Text,start From left to right?

    How to achieve Vertical Text,start From left to right?
    Maybe  it does not make sense for English,but it is Quite useful for Chinese

    @喜狼_edny – hm. Possible, but the result is somehow unsatisfactory.
    See for yourself.
    We could start with some text right aligned in a table with just one single cell:
    We could rotate the cell to 270° like that:
    Code:
    var myCell = app.selection[0].tables[0].cells[0];
    myCell.rotationAngle = 270;
    And now we need the text direction from right to left and all characters rotated to 180°:
    Code:
    var myCell = app.selection[0].tables[0].cells[0];
    myCell.rotationAngle = 270;
    myProperties = {
        composer : "$ID/HL Composer Optyca",
        characterDirection : CharacterDirectionOptions.RIGHT_TO_LEFT_DIRECTION,
        paragraphDirection : ParagraphDirectionOptions.RIGHT_TO_LEFT_DIRECTION,
        characterRotation : 180
    myCell.texts[0].properties = myProperties;
    Result:
    Ugh! Not exactly the result we expected…
    (Tested with InDesign CS5.5 on OSX 10.6.8)
    It's the characterRotation that is not working as expected.
    Uwe
    Message was edited by: Laubender

  • How to attach a text in the center of the Ellipse using JXML ?

    How to attach a text in the center of the Ellipse using JXML ? Can we use labelFor="$topEllipse" ?
    <StackPane fx:controller="myfxml.ArchiveLogsController" id="Login" xmlns:fx="http://javafx.com/fxml">
    <children>
    <AnchorPane>
    <!-- Prevent AnchorPane so that it's max = pref. This causes it to center in StackPane -->
    <maxWidth><Double fx:value="-Infinity"/></maxWidth>
    <maxHeight><Double fx:value="-Infinity"/></maxHeight>
    <children>
    <Ellipse fx:id="topEllipse" centerX="100" centerY="100" radiusX="50" radiusY="10" strokeWidth="2" stroke="#FF0000" style="-fx-fill: linear-gradient(to right, white 0%, red 100%);"/>
    *<Label fx:id="ArchLogs_lb" text="My Ellipse Label" />*
    </children>
    <properties>
    <backgroundColor>
    <Color blue="1.0" green="1.0" red="1.0" />
    </backgroundColor>
    <elementLockSel>
    <Boolean fx:value="true" />
    </elementLockSel>
    </properties>
    </AnchorPane>
    </children>
    </StackPane>

    I'd suggest putting the Ellipse and the Label in a StackPane.
    I wonder why so many people call it JXML?
    It is so strange - I guess the JXML name just seems more natural to some people, though I don't know why.
    I think Greg is right and that labelFor is not what you want:
    http://docs.oracle.com/javafx/2.0/api/javafx/scene/control/Label.html
    "Labels also are useful in that they can have mnemonics which, if used, will send focus to the Control listed as the target of the labelFor property . . . A Label can act as a label for a different Control or Node. This is used for Mnemonics and Accelerator parsing. This allows setting of the target Node."

  • How Do I Wrap Text Like the iOS Camera App?

    Hello. I am in yearbook, and I have been challenged with designing the cover of the yearbook, and I have been having a few problems along the way. One of these problems is to wrap text. Specifically, I'm stuck on how I would wrap text like the iOS camera app on the bottom of the screen. The words seem like they are wrap around a 3D object to give it that effect, but I can't really tell. If anyone can help me, it would be greatly appreciated.

    JJMack wrote:
    There is a big difference between being a casual user than real work or development. I own a iPod its a great MP3 player and a device I can display my pictures on out of my pocket. I'll even Facetime my kids at time to see my grand kids or help fix something.  My wife has a mini iPad for quick internet access and quire music and uses her iPod to entertain our two year old grandson with games.   She uses a Canon 1D mark 4 and I a Cannon 1D mark II.  The only use the iPad and iPod cameras get is Facetime. No iOS apps are use to work on images  they have no value when you have Photoshop. The iPod is better for displaying image then the iPad mini it has a 3:2 aspect ratio display and travels better the the mini iPad which has a 4:3 aspect ratio display.  I also crop image for display on wall mounted HDTV. The iPad is better for casual internet access then the iPod. All our kids have iPhones and they all use computers either Mac or PC for work and internet access.  When you have a Unix or Windows why would you want to touch an iOS device for work or serious internet access.  Apple mobile devices are convenient for casual use and grand kids don't get that dirty finger painting on them as they do using real paint. Nothing of real value is maintained on an iOS device.
    Well...there's Photoshop Touch and Photoshop Mix as well as Lightroom Mobile. It could be argued that they're don't exactly mirror their desktop cousins, yes, but they weren't meant to be. They were meant as extensions to the desktop experience.  (e.g., Lightroom Mobile lets one work with the RAW images they have in their Lightroom desktop collections.)
    The more powerful Windows tablets can run Photoshop desktop (like Photoshop CC) too.
    @bluebocat: Are you looking for text with a perspective? Like it has a vanishing point? As if it was turned in a certain direction in 3D space?

  • How to rotate a text in the adobe reader for mobile ios ?

    how to rotate a text in the adobe reader for mobile ios ?

    There's no rotate command to rotate the document. Instead, rotate the iPad. If it doesn't rotate, turn off the Rotation Lock switch on the side of your iPad.

  • How do i put text in the picture

    how do i put text in the picture ?

    In addition to the apps already mentioned here are some that can add text to a photo:
    Some Image Editors That Support layers:
    Photoshop Elements 11 for Mac - $79
    GraphicConverter - $40
    Rainbow Painter - $30
    Imagerie - $38
    Acorn - $50
    Pixelmator - $60
    Seashore - Free
    GIMP for Mac - Free
    Xee 2.1 - free

  • How do I justify text at the end of a column

    How do I justify text at the end of a column In Pages?
    Also, is there any way to sort a document (alphabetically by the first word of each paragraph) that is not in a table?

    RTPLaw writes:
    How do I justify text at
    the end of a column In
    P    a    g    e    s     ?
    Also, is there any way
    to   sort  a  document
    (alphabetically by the
    first   word   of   each
    paragraph) that is not
    in         a         table?
    No. Like Peter and Walt, I wonder why you'd want to, considering the appearance of such manipulation, illustrated above. Is this a requirement for some specific type of document?
    Regarding your second question, there's no way to do this using Pages as it comes out-of-the-box (or in the downloaded edition). But you can sort the paragraphs of a document alphabetically using WordService, freeware from Devon Technologies. The link will take you to their download page. Scroll down to the Freeware section and the download link for WordService.
    Regards,
    Barry

  • How can i highlight text in the Adobe Difital Editions?

    How can i highlight text in the Adobe Difital Editions?

    You have to remember that Digital Editions was never designed to have 'text
    editor' capabilities.  BTW: Bluefire and Overdrive also have such
    limitations.  Put in another frame of reference, DE presents you with the
    ebook, as you would be presented with a physical printed book.
    ==============

  • Can't change the label text for the first time of  loading

    I have some problem to change the label text in the prerender method.
    I put a label on the form and set the text value to "Customer" on the text properities , and I would like to change the lable text to "Supplier" in the prerender method, I found some strange behaviour.
    If I type nothing on the label text of the properties , I can change the lable text on the prerender method on the first time of the form load .
    If I put something on the label text of the properties , the text label can't be changed on the first time of form loaded, the lable can be changed if I refresh the form or reload the form.
    Could anyone help me to solve this kinds of problem ?
    Thanks

    This is a tough one to explain. Here is one explanation from the Delving Into Components tutorial:
    As with the JavaServer Pages implementation, when the server constructs a page from JSP source, the tag attribute settings in the JSP source take precedence over runtime settings. For example, if you set the text property for a Static Text component to "moon," the IDE adds text="moon" to the Static Text component's tag in the JSP file. Even if the page's prerender method has a staticText1.setText("sun") statement, the Static Text component shows "moon" when the application renders the page. If the page is rerendered, the staticText1.setText("sun") statement takes affect and the Static Text component shows "sun." If you visit another page and come back, the server once again constructs the page from the JSP source, the values set in the JSP tag attributes take precedence, and the page displays "moon."

  • How does one put text on the spine?

    I'm a little confused about the difference between the version I'm creating and the template I start with. I start with a template, then resize and mess with the arrangement of the pictures. I move text boxes. All seems okay.
    I put a colored background on the front and back cover (by inserting a specially made pdf from Pages, a gradient color). The back spine remains white, and blank. How can I add text to the spine? And is there a way to have the color from the background bleed over the spine?
    Ben

    I certainly don't know how it was constructed, but I suppose the form was intended for people that use Word. If you were using Word, you would just select the "insert" key (or something - I forget) and type away. The text would type above the line. I thought maybe there was something like that in Pages. I find myself getting very frustrated using Pages and Numbers. They really aren't that easy to use. Word and Excel have them beat.

  • How to sending simple text in the mail body

    Hi friends,
                 How to send simple text in the mail body through ABAP code
       plz send me the related code and setting for that mail.
      Thanks&Regards,
      Srinivas

    try this...
    FORM send_file_as_email_attachment .
      DATA: objtxt LIKE solisti1 OCCURS 10 WITH HEADER LINE.
      DATA: objpack LIKE sopcklsti1 OCCURS 2 WITH HEADER LINE.
      DATA: objhead LIKE solisti1 OCCURS 1 WITH HEADER LINE.
      DATA: reclist LIKE somlreci1 OCCURS 5 WITH HEADER LINE.
      DATA: objbin LIKE solisti1 OCCURS 10 WITH HEADER LINE.
      DATA : i_body TYPE soli_tab WITH HEADER LINE.
    DATA: it_attach LIKE it_display1 OCCURS 0 WITH HEADER LINE.
      DATA: doc_chng LIKE sodocchgi1.
      DATA: tab_lines LIKE sy-tabix.
      DATA: att_lines TYPE i.
    DATA: lv_lines TYPE i.
      DATA: file TYPE string.
      data: g_datum like sy-datum.
      data: g_datum1(10) type c.
      DATA: len TYPE n.
      LOOP AT it_email.
        CLEAR : objpack,
                objhead,
                objbin,
                objtxt,
                reclist.
        REFRESH: objpack,
                 objhead,
                 objbin,
                 objtxt,
                 reclist.
        g_datum =     sy-datum - 1.
        concatenate g_datum6(2) '.' g_datum4(2) '.' g_datum+0(4) into
        g_datum1.
    doc_chng-obj_descr = 'Aged Stock more than 45 Days'.
        CONCATENATE 'Aged Stock more than 45 Days' '-' it_email-vkbur INTO
        doc_chng-obj_descr.
        CONCATENATE 'Please find enclosed Aged Stock Details ( >45days ) report as on'
        g_datum1
        INTO objtxt-line SEPARATED BY space.
        APPEND objtxt.
        objtxt-line = ' '.
        APPEND objtxt.
        objtxt-line = 'Regards'.
        APPEND objtxt.
        objtxt-line = 'LIS SAP Projects'.
        APPEND objtxt.
        objtxt-line =
        'PS: Pls send feedback for futher improvements to SAP office.'.
        APPEND objtxt.
        DESCRIBE TABLE objtxt LINES tab_lines.
        READ TABLE objtxt INDEX tab_lines.
        doc_chng-doc_size = ( tab_lines - 1 ) * 255 + STRLEN( objtxt ).
       CLEAR objpack-transf_bin.
        objpack-head_start = 1.
        objpack-head_num = 1.
        objpack-body_start = 1.
        objpack-body_num = tab_lines.
        objpack-doc_type = 'TXT'.
       objpack-obj_name = 'Run_prog'.
       objpack-obj_descr = 'Agestock.txt'.
       lv_lines = tab_lines.
        APPEND objpack.
    *CONCATENATE 'Plant'   'Material Number' 'Qty(More than 45days)'
    *'Amount' INTO
           it_display SEPARATED BY space.
           append objbin.
           clear: objbin.
        CLEAR:it_display2.
        REFRESH it_display2.
        it_display2-werks = 'Plant|'.
        it_display2-matnr = 'Material Number'.
        it_display2-qty = '|Qty > 45 days'.
        it_display2-amount = '      |Amount'.
        APPEND it_display2.
        it_display2-werks = ''.
        it_display2-matnr = ''.
        it_display2-qty = ''.
        it_display2-amount = ''.
        APPEND it_display2.
        CLEAR : it_display2.
        sort it_display1 by amount descending.
        LOOP AT it_display1 WHERE werks = it_email-vkbur.
         AT FIRST.
    *CONCATENATE 'Plant    '   'Material Number' 'Qty(More than 45days)'
    *'Amount' INTO
           objbin-line SEPARATED BY space.
           append objbin.
           clear: objbin.
         ENDAT.
          CALL FUNCTION 'CONVERSION_EXIT_ALPHA_OUTPUT'
            EXPORTING
              input  = it_display1-matnr
            IMPORTING
              output = it_display1-matnr.
          it_display1-qty = TRUNC( it_display1-qty ).
          MOVE-CORRESPONDING it_display1 TO it_display2.
          APPEND it_display2.
          CLEAR:it_display1,it_display2,objbin.
          CLEAR:it_display1.
        ENDLOOP.
        objbin[] = it_display2[].
        DESCRIBE TABLE objbin LINES tab_lines.
        objhead = 'Suug'.
        APPEND objhead.
        objpack-transf_bin = 'X'.
        objpack-head_start = 3.
        objpack-head_num = 1.
        objpack-body_start = 1.
        objpack-body_num = tab_lines.
        objpack-doc_type = 'RAW'.
        objpack-obj_name = 'Run_prog'.
        objpack-obj_descr = 'Agestock.txt'.
        APPEND objpack.
        reclist-receiver = '[email protected]'.
        reclist-rec_type = 'U'.
        APPEND reclist.
    =====================================================================
        CALL FUNCTION 'SO_DOCUMENT_SEND_API1'
          EXPORTING
            document_data              = doc_chng
            commit_work                = 'X'
          TABLES
            packing_list               = objpack
            object_header              = objhead
            contents_bin               = objbin
            contents_txt               = objtxt
            receivers                  = reclist
          EXCEPTIONS
            too_many_receivers         = 1
            document_not_sent          = 2
            operation_no_authorization = 4
            OTHERS                     = 99.
        CLEAR : it_email.
      ENDLOOP.
    ENDFORM.                    "send_mail
    Message was edited by:
            Sugumar Ganesan

  • How to Including custom text in the step "User Decision"

    Hi All
    Please help me in this regards I got problem
    How to Including custom text in the step "User Decision"
    Regards
    Poonam
    Edited by: Julius Bussche on Feb 2, 2009 1:59 PM
    Please use the corect forum, meaningfull subject titles and use the search before asking questions

    Hi Poonam,
    If I understood your problem correctly...
    When you create a user decision a screen will appear.
    In the decision tab under Title you can give your custom text.
    Even if you want to give some variable (value of which will be determined at runtime) you can give that as well.
    Like you have created a container for BOR objects MAT_DETAIL, in that object there is a field MATERIAL.
    You can define your custom text as below:
    Title: Would you like to create new material or display material &
    Parameter 1:  &MAT_DETAIL.MATERIAL&;
    In Title you can give as max. as 4 &(ampersand). And each & will be replaced by each Parameter at runtime in same sequence.
    In parameters you use to select the container defined by you earlier.
    Hope this will help.

  • How to Validate a User on the click of a button in Oracle APEX

    Hi,
    How to Validate a User on the click of a button in Oracle APEX.
    say for e.g: I want to allow only a specific user to go beyond after clicking on a button and restrict all the other Users. Any ideas please.
    Thanks in Advance,
    Af

    Well , the actual idea was to hide the button for specific users and show the button only for some specific users... is this possible...?
    @ AndyH: yeah, what you have suggested also fits well for my requirement... Could you please let me know how can i achieve it...
    Regards,
    Af

Maybe you are looking for