Home/ Questions/Q 5989729
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T23:08:36+00:00

How do I get corner radius on my TextInput component in Flex 4. <s:TextInput

  • 0

How do I get corner radius on my TextInput component in Flex 4. 

<s:TextInput prompt="username" width="150" maxChars="100" id="txt_username"
    color="#000000"/>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Create a custom skin (possibly by copying spark TextInputSkin) and add a border graphic with rounded corners, like this:

    <!-- border -->
<s:Rect id="border" left="0" right="0" top="0" bottom="0" 
        radiusX="10" radiusY="10">

    <s:stroke>
        <s:SolidColorStroke id="borderStroke" weight="1" />
    </s:stroke>
</s:Rect>

    If you want more special rounded corners you can also use these attributes:

    topLeftRadiusX="4" topLeftRadiusY="8" 
bottomLeftRadiusX="2" bottomRightRadiusY="10"

    The default TextInputSkin does not allow for rounded corners, so there is no style that you could set on your TextInput to do it. So, no, there’s no other way than creating a custom skin class.

    • 0