From the category archives:

Application (Spark)

The following example shows how you can set the background fill color on a Spark Application container’s control bar in Flex 4 by setting the skinClass style and modifying the control bar fill:

<!-- layer 1: control bar fill -->
<s :Rect left="1" right="1" top="1" bottom="2">
   </s><s :fill>
        </s><s :LinearGradient rotation="90">
            <s :GradientEntry color="0x333333" />
            <s :GradientEntry color="0x666666" />
        </s>

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can toggle the application control bar in a Spark Application container in Flex 4 by setting the Boolean controlBarVisible property.

Full code after the jump.

[click to continue…]

{ 2 comments }

The following example shows how you can create a vertical application control bar on a Spark Application container in Flex 4 by creating a custom Application skin and setting the skinClass style.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can create a gradient background Spark Application control bar in Flex 4 by creating a custom skin and setting the skinClass style.

Full code after the jump.

[click to continue…]

{ 1 comment }

In a previous example, “Adding a control bar to a Spark Application container in Flex 4″, we saw how you could add a control bar to a Spark Application container in Flex 4 by setting the controlBarContent property.

The following example shows how you can change the layout direction of a control bar in a Spark Application container in Flex 4 by setting the controlBarLayout property.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can add a control bar to a Spark Application container in Flex 4 by setting the controlBarContent property.

Full code after the jump.

[click to continue…]

{ 0 comments }

In a previous example, “Disabling an Application in Flex 3″, we saw how you could disable an entire Flex Application in Flex 3 by setting the Boolean enabled property on the application object.

The following example shows how you can disable an entire Spark Application in Flex 4 by setting the Boolean enabled property on the static FlexGlobals.topLevelApplication object.

Full code after the jump.

[click to continue…]

{ 6 comments }

The following example shows how you can extend the default Spark Application container in Flex 4 and add an ApplicationControlBar by setting the skinClass style. The custom Spark Application skin also adds some default padding, support for horizontal and vertical scroll bars, sets the default layout to a VerticalLayout object, and adds some default padding.

Full code after the jump.

[click to continue…]

{ 4 comments }

Setting a repeating background image on a Spark Application in Flex 4

by Peter deHaan March 23, 2009

In a previous example, “Setting a background image on an Spark Application in Flex 4″, we saw how you can add a scaled background image to a Flex 4 Spark Application by creating a custom skin with a BitmapGraphic and setting the skinClass style in MXML, CSS, or ActionScript.
The following example shows how you can [...]

Read the full article →

Setting a background image on a Spark Application in Flex 4

by Peter deHaan March 22, 2009

The following example shows how you can add a background image to a Flex 4 Spark Application by creating a custom skin with a BitmapGraphic and setting the skinClass style in MXML, CSS, or ActionScript.
Full code after the jump.

Read the full article →

Setting a linear gradient background on a Spark Application container in Flex 4

by Peter deHaan March 13, 2009

The following example shows how you can create a linear gradient background on a Flex 4 Spark Application container by setting the skinClass style to a custom Application skin class which has a LinearGradient fill.
Full code after the jump.

Read the full article →

Setting the vertical gap in a vertical layout in Flex 4

by Peter deHaan October 23, 2008

The following example shows how you can set the vertical gap between items in a Flex 4 Spark VerticalLayout by setting the gap property.
Full code after the jump.

Read the full article →