Tag Archive for 'panel'

17
Apr

Adding links to a Panel container’s status text in Flex

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.

Continue reading ‘Adding links to a Panel container’s status text in Flex’

12
Mar

Setting the background alpha on a Panel container in Flex

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.

Continue reading ‘Setting the background alpha on a Panel container in Flex’

12
Mar

Setting the border alpha on a Panel container in Flex

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.

Continue reading ‘Setting the border alpha on a Panel container in Flex’

28
Feb

Using embedded fonts with the Panel container in Flex

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.

Continue reading ‘Using embedded fonts with the Panel container in Flex’

14
Jan

Indenting a Flex Panel control’s title

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.

Continue reading ‘Indenting a Flex Panel control’s title’

13
Jan

Setting the child layout direction of a Flex Panel container

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.

Continue reading ‘Setting the child layout direction of a Flex Panel container’

12
Jan

Setting the border thickness in a Flex Panel container

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.

Continue reading ‘Setting the border thickness in a Flex Panel container’

12
Jan

Setting the header height on a Flex Panel container

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.

Continue reading ‘Setting the header height on a Flex Panel container’

23
Sep

Triggering effects when a container is resized

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.

Continue reading ‘Triggering effects when a container is resized’

20
Sep

Triggering effects when a container’s visibility is changed

The following example shows you how you can trigger effects when the visible property changes on a Flex container or control by using the hideEffect and showEffect effects.

Full code after the jump.

Continue reading ‘Triggering effects when a container’s visibility is changed’

31
Aug

Setting custom status messages in a Flex Panel container

The following example shows how you can set custom status messages in a Flex Panel container by setting the aptly named status property.

Full code after the jump.

Continue reading ‘Setting custom status messages in a Flex Panel container’

02
Aug

Adding icons to Panel containers

Personally, I’m amazed I can write an entire post around setting a single (and simple) style, but yet here I am. The following example shows how you can place an icon of your choosing in the upper-left corner of a Panel container. As an added bonus, at least I create the Panel in both MXML and ActionScript.

Full code after the jump.

Continue reading ‘Adding icons to Panel containers’

02
Aug

Rounding a Panel container’s corners using the cornerRadius style

Another quick sample (I’m cleaning out my Flex projects from the past year). This time we look at controlling a Panel container’s roundness versus squareness by setting the cornerRadius style.

Just drag the slider to control the corner radius of the two panels (one with a ControlBar and one without).

Full code after the jump.

Continue reading ‘Rounding a Panel container’s corners using the cornerRadius style’