This request comes to us from a faithful reader who was wondering how you can display a full image when a user clicks on a thumbnail in a HorizontalList control in Flex. My solution was to put the thumbnail image and full image URLs in the data provider and then use bindings to the HorizontalList control’s selectedItem property.
Full code after the jump.
Continue reading ‘Creating a simple image gallery with the Flex HorizontalList control’
The following example shows you how you can add items to a pop up menu in a PopUpButton control in Flex by specifying the iconField property in the PopUpButton control’s nested Menu control.
Full code after the jump.
Continue reading ‘Displaying icons in a Flex PopUpButton control’
The following example shows how you can specify a custom icon field in a Flex Tree control to set an icon on a specific node.
Full code after the jump.
Continue reading ‘Setting a custom icon field in a Flex Tree 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’
The following example demonstrates how to use embedded images in a List control so that each item in the list displays a little icon based on a certain property in the data provider. You’ll also notice that we set the textIndent style to give the label a bit more padding from the icon. Finally, we create three non-interactive Button controls beneath the list as a sort of “legend” for the icons.
Full code after the jump.
