The following example shows how you can set the label width on a Form container in Flex by setting the labelWidth style.
Full code after the jump.
{ 0 comments }
From the category archives:
FormItem
The following example shows how you can toggle FormItem containers in a Flex Form container by setting the includeInLayout and visible properties.
Full code after the jump.
{ 3 comments }
The following example shows how you can set the text alignment on a Flex FormItem container’s label by setting the textAlign and labelStyleName styles.
Full code after the jump.
{ 10 comments }
The following example shows how you can access the Label subcomponent in a Flex FormItem container and do fancy stuff like have form labels with hyperlinks or selectable text by using the itemLabel property.
Full code after the jump.
{ 0 comments }
The following example shows how you can align form items horizontally by setting the horizontalAlign style to “left”, “center”, or “right” on the Flex FormItem container.
Full code after the jump.
{ 6 comments }
The following example shows how you can change the direction of a FormItem container in Flex by setting the direction property to “horizontal” or “vertical”.
Full code after the jump.
{ 0 comments }
The following example shows how you can set a custom indicator skin on a Flex FormItem container by setting the indicatorSkin style.
Full code after the jump.
{ 0 comments }
The following example shows you how you can style individual labels in a FormItem container in Flex by setting the labelStyleName style, as seen in the following snippet:
<mx:Style>
.requiredLabel {
color: red;
fontSize: 12;
fontWeight: bold;
}
</mx:Style>
<mx:Form>
<mx:FormItem label="Field 1:"
labelStyleName="requiredLabel"
required="true">
<mx:Label id="lbl1" text="{str}" />
</mx:FormItem>
</mx:Form>
The labelStyleName style was added in Flex 3 build 186889 (Wed Nov 07 2007 or later). You may need to download a nightly build of the Flex 3 SDK from the Adobe Labs website.
Full code after the jump.
{ 0 comments }
