HorizontalGap | Flex Examples

Setting the horizontal spacing between an item label and icon in a LinkBar control in Flex

By Peter deHaan On August 20, 2009 · Leave a Comment

In a previous example, “Setting the horizontal spacing between items in a LinkBar control in Flex”, we saw how you could set the horizontal spacing between items in a Flex LinkBar control by setting the horizontalGap style.

The following example shows how you can control the spacing between a LinkBar control’s individual LinkButton control’s [...]

Continue Reading →

Setting the layout direction on an FxList control in Flex Gumbo

By Peter deHaan On February 24, 2009 · Leave a Comment

The following examples show how you can set the layout direction on a Flex Gumbo FxList control by setting the layout property to a VerticalLayout object (default), HorizontalLayout object, or a TileLayout object.

Full code after the jump.

Continue Reading →

Disabling dividers in an HDividedBox container in Flex

By Peter deHaan On October 11, 2008 · 11 Comments

The following example shows how you can disable the dividers in a Flex HDividedBox container by using the numDividers property, getDividerAt() method, and setting the visible property.

Full code after the jump.

[...]

Continue Reading →

Setting the horizontal and vertical gaps on a Legend control in Flex

By Peter deHaan On September 29, 2008 · Leave a Comment

The following example shows how you can set the horizontal and vertical gaps on a Flex Legend control by setting the horizontalGap and verticalGap styles.

Full code after the jump.

Continue Reading →

Setting the padding between children in a DividedBox in Flex

By Peter deHaan On September 22, 2008 · 1 Comment

The following example shows how you can adjust the horizontal padding between children in a Flex HDividedBox container by setting the horizontalGap style.

Full code after the jump.

Continue Reading →

Customizing the divider skin on a DividedBox container in Flex

By Peter deHaan On September 18, 2008 · 1 Comment

The following example shows how you can customize the divider skin on a Flex HDividedBox or VDividedBox container by setting the dividerSkin style.

Full code after the jump.

Continue Reading →

Setting the horizontal spacing between items in a LinkBar control in Flex

By Peter deHaan On April 20, 2008 · 3 Comments

The following example shows how you can set the horizontal spacing between items in a Flex LinkBar control by setting the horizontalGap style.

Full code after the jump.

[...]

Continue Reading →

Setting horizontal and vertical gaps between buttons in a Flex ButtonBar control

By Peter deHaan On January 8, 2008 · 7 Comments

The following example shows how you can control the horizontal and vertical gaps between buttons in a ButtonBar control in Flex by setting the verticalGap and horizontalGap styles.

Full code after the jump.

Continue Reading →

Changing the padding on a Button control in Flex

By Peter deHaan On January 2, 2008 · Leave a Comment

The following example shows how you can modify the padding between the Button control’s label and icon and the button’s edges by setting the paddingLeft, paddingRight, paddingTop, paddingBottom, and horizontalGap styles.

Full code after the jump.

Continue Reading →

Changing the swatch grid background color for a ColorPicker control in Flex 3

By Peter deHaan On December 29, 2007 · Leave a Comment

The following example shows how you can set the swatch grid background color on a Flex 3 ColorPicker control by setting the swatchGridBackgroundColor style. You can also see how you can set the horizontalGap, and verticalGap styles using CSS.

Full code after the jump.

Continue Reading →