The following example shows how you can toggle the item layout direction of the Flex TileList control by setting the direction property to “horizontal” or “vertical”.
Full code after the jump.
Continue reading ‘Setting the layout direction of a TileList control in Flex’
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 ‘Changing the layout direction of a form item in Flex’
The following example shows how you can set the child layout direction of a ControlBar container in Flex by setting the direction property.
Full code after the jump.
Continue reading ‘Setting the layout direction of a Flex ControlBar container’
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 ‘Setting horizontal and vertical gaps between buttons in a Flex ButtonBar control’
The following example shows you how you can change the direction of a Box container in Flex by setting the direction property to one of the constants in the BoxDirection class. The <mx:Box /> container is the superclass of the HBox container and VBox container. The subclasses (HBox and VBox) do not add any new functionality, they simply set the direction property automatically to “horizontal” or “vertical”.
Full code after the jump.
Continue reading ‘Changing a Box container’s direction in Flex’
The following example shows how you can change the direction of a Flex chart’s legend by setting the direction property, as seen in the following snippet:
<mx:Legend dataProvider="{lineChart}" direction="horizontal" />
Full code after the jump.
Continue reading ‘Changing a chart legend’s direction’
The following example shows how you can add horizontal or vertical (or both) grid lines to a LineChart contol in Flex by setting the direction style in the GridLines tags, as seen in the following snippet:
<mx:LineChart dataProvider="{dp}">
<mx:backgroundElements>
<mx:GridLines direction="vertical" />
</mx:backgroundElements>
</mx:LineChart>
Full code after the jump.
Continue reading ‘Displaying grid lines in a Flex LineChart control’
The following example shows how you can change whether a ProgressBar control fills from left-to-right or right-to-left by changing the direction property to one of the static constants in the mx.controls.ProgressBarDirection class.
Full code after the jump.
Continue reading ‘Changing a Flex ProgressBar control’s direction’
The following example lets you change a Tile container’s direction property to control whether the container’s children are arranged from left to right, or top to bottom. You can also use two slider controls to change the value of the tileWidth and tileHeight properties.
Full code after the jump.
Continue reading ‘Changing a Tile container’s child layout direction’
This is a simpler version of the “Creating a vertical LinkBar in Flex” entry except it uses the Flex ButtonBar control instead of a LinkBar control. Also, instead of embedding the PNG assets in an <mx:Script /> block, I embedded the images inline using @Embed.
Full code after the jump.
Continue reading ‘Creating a vertical ButtonBar in Flex’
I was playing around with the Flex LinkBar control this morning and somehow I never noticed it had a direction property. Well, it does, so I made a quick little app which filters an XML data provider based on which tab you’re on.
Full code after the jump.
Continue reading ‘Creating a vertical LinkBar in Flex’