Joseph DeVore's Blog: Flex Custom CheckBox Icons


Viewing By Entry / Main
September 30, 2007
Override the default icon in the Adobe Flex CheckBox control and replace it with custom embedded graphics...

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">


<mx:Style>
CheckBox {
/* Unselected icons */
upIcon: Embed(source="assets/bullet_red.png");
overIcon: Embed(source="assets/bullet_red.png");
downIcon: Embed(source="assets/bullet_yellow.png");
/* Selected icons */
selectedUpIcon: Embed(source="assets/bullet_green.png");
selectedOverIcon: Embed(source="assets/bullet_green.png");
selectedDownIcon: Embed(source="assets/bullet_yellow.png");
}
</mx:Style>

<mx:CheckBox id="x1"
label="CheckBox Label Here..."
fontSize="10"
fontWeight="bold"/>

</mx:Application>

Comments

Comments are not allowed for this entry.













Editor Login ›