Relax Breath of Solution.Community tech blog of Sameera Thilakasiri - Consultant UI, UX, RWD Specialist/ Interactive Designer

Just I wanted.. Do you?…

Adding icons to the Flex ButtonBar control – mx:ButtonBar

Posted on February 14, 2010 | No Comments

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

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


<mx:Script>
<![CDATA[
[Bindable]
[Embed("assets/Button.png")]
private               var buttonIcon:Class;

[Bindable]
[Embed("assets/ButtonBar.png")]
private var buttonBarIcon:Class;

[Bindable]
[Embed("assets/CheckBox.png")]
private <a href="http://all-forums.biz/images/index.php">how do i buy viagra online</a>        var checkBoxIcon:Class;

[Bindable]
[Embed(&quot;assets/ColorPicker.png&quot;)]
private <a href="http://over50losingweight.com/images/">424 buy viagra</a>    var colorPickerIcon:Class;
]]&gt;

&lt;/mx:Script&gt;


&lt;mx:Array             id=&quot;arr&quot;&gt;
&lt;mx:Object     label=&quot;Button&quot; icon=&quot;{buttonIcon}&quot; /&gt;
&lt;mx:Object   label=&quot;ButtonBar&quot;     icon=&quot;{buttonBarIcon}&quot;     /&gt;
&lt;mx:Object label=&quot;CheckBox&quot;   icon=&quot;{checkBoxIcon}&quot;       /&gt;
&lt;mx:Object label=&quot;ColorPicker&quot; icon=&quot;{colorPickerIcon}&quot;   /&gt;
&lt;/mx:Array&gt;

&lt;!-- The data provider has an &quot;icon&quot; property. <a   href="http://softviagraonline.com">viagra     soft</a>    --&gt;
&lt;mx:ButtonBar id=&quot;buttonBar&quot;   dataProvider=&quot;{arr}&quot;       height=&quot;32&quot; /&gt;

&lt;/mx:Application&gt;

Incoming search terms:

Author
Sameera Thilakasiri By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.

Comments

Leave a Reply

You must be logged in to post a comment.