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.
Continue reading ‘Changing the label text alignment in a FormItem container in Flex’
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.
Continue reading ‘Styling individual FormItem labels using the labelStyleName style’
The following example shows how you can set the gap around the required indicator in a Flex form by setting the indicatorGap style, as seen in the following snippet:
<mx:Style>
FormItem {
indicatorGap: 24;
}
</mx:Style>
Full code after the jump.
Continue reading ‘Setting the gap around the required indicator in a Flex form’
The following example shows how you can change the FormItem container’s indicator skin which appears when the form item’s required property is set to true.
Full code after the jump.
Continue reading ‘Changing a Flex FormItem container’s indicator skin’
I recently saw this on the Interwebs and thought I’d try to rebuild the effect in Flex. It is a pretty nice way to highlight the currently active form item.
The following example shows how you can use the focusIn and focusOut events to highlight the currently focused form item.
Full code after the jump.
Continue reading ‘Changing a form item’s background color when a child control has focus’
