From the category archives:

Panel

The following example shows how you can set the control bar background image fill on a Halo Panel control (with default Spark skin) in Flex 4 by setting the borderSkin style.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can toggle the drop shadow on a Flex Panel container by setting the dropShadowEnabled style.

Full code after the jump.

[click to continue…]

{ 1 comment }

The following example shows how you can add an icon to a Flex Panel container’s title bar by setting the titleIcon property.

Full code after the jump.

[click to continue…]

{ 2 comments }

The following example shows how you can assign an HTML formatted string to a Panel container’s status text field using the getStatusTextField() method in the mx_internal namespace.

Full code after the jump.

[click to continue…]

{ 1 comment }

In a previous example, “Setting the border alpha on a Panel container in Flex”, we saw how you could change a panel’s border alpha by setting the borderAlpha style.

The following example shows how you can set the background alpha on a Flex Panel container by setting the backgroundAlpha style.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can set the border alpha on a Flex Panel container by setting the borderAlpha style.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can use an embedded font with the Flex Panel container so that a Panel container can be rotated or faded without the text “disappearing”. The trick here is to set the panel’s titleStyleName style to a custom style which sets the font family to the embedded font.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can indent the title of a Panel control in Flex by setting the titleStyleName style and textIndent style.

Full code after the jump.

[click to continue…]

{ 0 comments }

Setting the child layout direction of a Flex Panel container

by Peter deHaan January 13, 2008

The following example shows how you can set a Panel container’s layout to horizontal or vertical in Flex by setting the layout property.
You can also set the Panel container’s layout to “absolute”. For an example, see “Setting the border thickness in a Flex Panel container”.
Full code after the jump.

Read the full article →

Setting the border thickness in a Flex Panel container

by Peter deHaan January 12, 2008

The following example shows how you can set the border thickness of each edge (left, right, top, and bottom) separately on a Panel container in Flex by setting the borderThicknessLeft, borderThicknessRight, borderThicknessTop, and borderThicknessBottom styles.
Full code after the jump.

Read the full article →

Setting the header height on a Flex Panel container

by Peter deHaan January 12, 2008

The following example shows you how you can change the header height on a Panel container in Flex by setting the headerHeight style.
Full code after the jump.

Read the full article →

Triggering effects when a container is resized

by Peter deHaan September 23, 2007

The following example uses a resizeEffect effect along with a Resize tween effect (<mx:Resize />) to create a smooth tween effect whenever the panel is resized.
Full code after the jump.

Read the full article →