Displaying different fonts in a dropdown menu on a ComboBox control in Flex
Problem
The following example shows how you can set different fonts for different items in a Flex ComboBox control's dropdown menu by using a custom item renderer.
Solution
By using a custom item renderer for your ComboBox control, you can specify a different font family for each item in the drop down menu.
Detailed explanation
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/31/displaying-different-fonts-in-a-dropdown-menu-on-a-combobox-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:ArrayCollection id="arrColl"
source="{Font.enumerateFonts(true)}">
<mx:sort>
<mx:Sort>
<mx:fields>
<mx:SortField name="fontName" />
</mx:fields>
</mx:Sort>
</mx:sort>
</mx:ArrayCollection>
<mx:ComboBox id="comboBox"
dataProvider="{arrColl}"
labelField="fontName"
fontSize="14"
open="comboBox.dropdown.variableRowHeight = true;">
<mx:itemRenderer>
<mx:Component>
<mx:Label fontFamily="{data.fontName}"
toolTip="{data.fontName}" />
</mx:Component>
</mx:itemRenderer>
</mx:ComboBox>
</mx:Application>For more information, see "Displaying different fonts in a dropdown menu on a ComboBox control in Flex" at FlexExamples.com.
Report abuse
