Tag Archive for 'icon'

29
Feb

Setting a Button control’s icon to an asset from a SWF file in Flex

The following example shows how you can set a Flex Button control’s icon style to an asset from a SWF file using MXML or ActionScript.

Full code after the jump.

Continue reading ‘Setting a Button control’s icon to an asset from a SWF file in Flex’

03
Feb

Displaying a main icon in a Flex PopUpButton control

In a previous example, “Displaying icons in a Flex PopUpButton control”, we saw how you can display icons in a PopUpButton control’s pop up menu.

The following example shows how you can display an icon in a Flex PopUpButton control’s main button by setting the icon style.

Full code after the jump.

Continue reading ‘Displaying a main icon in a Flex PopUpButton control’

07
Jan

Adding icons to the Flex ButtonBar control

The following example shows how you can add icons to the ButtonBar control in Flex.

Full code after the jump.

Continue reading ‘Adding icons to the Flex ButtonBar control’

15
Nov

Creating a custom icon function on a Flex Tree control

The following example shows how you can build a custom icon function on a Flex Tree control to display different icons depending on the current node name in the data provider.

Full code after the jump.

Continue reading ‘Creating a custom icon function on a Flex Tree control’

02
Nov

Changing a Button control’s icon when the button is disabled

I think I saw somebody ask this on the FlexCoders mailing list, but thought I’d post the solution here since I don’t think I’ve covered it before.

The following example shows how you can set the disabledIcon style on a Flex Button control to set a different icon for when the Button control’s enabled property is set to false.

Full code after the jump.

Continue reading ‘Changing a Button control’s icon when the button is disabled’

29
Sep

Adding your own custom CheckBox control icons in Flex

The following example shows how you can override the default icon in the Adobe Flex CheckBox control and replace it with a custom embedded graphic.

Full code after the jump.

Continue reading ‘Adding your own custom CheckBox control icons in Flex’

13
Sep

Changing text alignment in an Flex Accordion header

The following example shows how you can use the textAlign style to control the text alignment of a label in an Accordion header.

Full code after the jump.

Continue reading ‘Changing text alignment in an Flex Accordion header’

27
Aug

Adding icons to a Flex Accordion control

The following example demonstrates how you can add embedded icons to a Flex Accordion container.

Full code after the jump.

Continue reading ‘Adding icons to a Flex Accordion control’

26
Aug

Changing a Button control’s text alignment and label placement

The following example shows how you can use the Button class’s textAlign style and labelPlacement property to control the text layout in a Button control.

Full code after the jump.

Continue reading ‘Changing a Button control’s text alignment and label placement’

25
Aug

Changing a CheckBox control’s icon

The following example shows how you can customize the check icon in a CheckBox control and use embedded images instead.

Full code after the jump.

Continue reading ‘Changing a CheckBox control’s icon’

21
Aug

Adding icons to a Flex TabBar control

This example is pretty similar to the previous entry “Adding icons to a Flex TabNavigator control” although it uses a TabBar control instead of a TabNavigator control. Well, that and this post doesn’t bother with an XML object and the DataGrid controls.

Full code after the jump.

Continue reading ‘Adding icons to a Flex TabBar control’

19
Aug

Creating a vertical LinkBar 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’

18
Aug

Displaying icons in a Flex ComboBox control

I did a post the other day on “Displaying icons in a Flex List control”, and figured since the ComboBox control uses the List control internally for the dropdown menu, making the ComboBox control display icons also should be pretty trivial. Well, after about 2 minutes of analyzing the documentation, it turns out it is pretty simple. The trick was to set the iconField property on the ComboBox instance’s dropdown property, which is a reference to the combo box’s internal List control.

Full code after the jump.

Continue reading ‘Displaying icons in a Flex ComboBox control’

16
Aug

Adding icons to a Flex TabNavigator control

I was trying to figure out how to add icons to a TabNavigator control today and ended up making this. The trick is that you actually add the icon on the TabNavigator control’s child containers and not on the TabNavigator itself. The example also has three tabs which each look at a different filtered view of an XML document (filtered using E4X).

Full code after the jump.

Continue reading ‘Adding icons to a Flex TabNavigator control’

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’