Toggling form item visibility in a Form container in Flex

By On October 3, 2008 · 3 Comments

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.

 

Continue Reading →

Changing the label text alignment in a FormItem container in Flex

By On June 6, 2008 · 10 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.

[...]

Continue Reading →

Customizing a FormItem container’s label in Flex 3

By On March 21, 2008 · 3 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.

Continue Reading →

Horizontally aligning items in a FormItem container in Flex

By On March 18, 2008 · 6 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.

[...]

Continue Reading →

Changing the layout direction of a form item in Flex

By On March 18, 2008 · 1 Comment

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.

[...]

Continue Reading →

Setting a custom required indicator skin on a FormItem container in Flex

By On March 3, 2008 · 4 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.

[...]

Continue Reading →

Styling individual FormItem labels using the labelStyleName style

By On November 13, 2007 · 3 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 [...]

Continue Reading →

Setting the gap around the required indicator in a Flex form

By On November 6, 2007 · 2 Comments

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 →

Changing a Flex FormItem container’s indicator skin

By On October 6, 2007 · 5 Comments

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 form item’s background color when a child control has focus

By On September 16, 2007 · Leave a Comment

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 →