<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Adding icons to the Flex LinkBar control</title>
	<atom:link href="http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Sat, 11 Feb 2012 11:51:51 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Adam Michalski</title>
		<link>http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/comment-page-1/#comment-5714</link>
		<dc:creator>Adam Michalski</dc:creator>
		<pubDate>Fri, 11 Sep 2009 13:44:05 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/#comment-5714</guid>
		<description>Thanks Peter</description>
		<content:encoded><![CDATA[<p>Thanks Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peter deHaan</title>
		<link>http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/comment-page-1/#comment-4970</link>
		<dc:creator>Peter deHaan</dc:creator>
		<pubDate>Thu, 06 Aug 2009 03:16:21 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/#comment-4970</guid>
		<description>@dan,

How about this?
&lt;pre lang=&quot;mxml&quot;&gt;
&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;!-- http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/ --&gt;
&lt;mx:Application name=&quot;LinkBar_dataProvider_Array_test&quot;
        xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;
        layout=&quot;vertical&quot;
        verticalAlign=&quot;middle&quot;
        backgroundColor=&quot;white&quot;&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.controls.ButtonLabelPlacement;
            import mx.controls.Button;

            private function init():void {
                var len:uint = linkBar.numChildren;
                var idx:uint;
                for (idx = 0; idx &lt; len; idx++) {
                    Button(linkBar.getChildAt(idx)).labelPlacement = ButtonLabelPlacement.LEFT;
                }
            }
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:Array id=&quot;arr&quot;&gt;
        &lt;mx:Object label=&quot;Button&quot; ico=&quot;@Embed(&#039;assets/Button.png&#039;)&quot; /&gt;
        &lt;mx:Object label=&quot;ButtonBar&quot; ico=&quot;@Embed(&#039;assets/ButtonBar.png&#039;)&quot; /&gt;
        &lt;mx:Object label=&quot;CheckBox&quot; ico=&quot;@Embed(&#039;assets/CheckBox.png&#039;)&quot; /&gt;
        &lt;mx:Object label=&quot;ColorPicker&quot; ico=&quot;@Embed(&#039;assets/ColorPicker.png&#039;)&quot; /&gt;
    &lt;/mx:Array&gt;

    &lt;mx:LinkBar id=&quot;linkBar&quot;
            dataProvider=&quot;{arr}&quot;
            iconField=&quot;ico&quot;
            creationComplete=&quot;init();&quot; /&gt;

&lt;/mx:Application&gt;
&lt;/pre&gt;

You may need to tweak it if you expect the data provider to change at any point.

Peter</description>
		<content:encoded><![CDATA[<p>@dan,</p>
<p>How about this?</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #808080; font-style: italic;">&lt;!-- http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/ --&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> name=<span style="color: #ff0000;">&quot;LinkBar_dataProvider_Array_test&quot;</span></span>
<span style="color: #000000;">        xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span></span>
<span style="color: #000000;">        layout=<span style="color: #ff0000;">&quot;vertical&quot;</span></span>
<span style="color: #000000;">        verticalAlign=<span style="color: #ff0000;">&quot;middle&quot;</span></span>
<span style="color: #000000;">        backgroundColor=<span style="color: #ff0000;">&quot;white&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #339933;">&lt;mx:Script&gt;</span>
<span style="color: #339933;">        &lt;![CDATA[</span>
<span style="color: #339933;">            import mx.controls.ButtonLabelPlacement;</span>
<span style="color: #339933;">            import mx.controls.Button;</span>
&nbsp;
<span style="color: #339933;">            private function init():void {</span>
<span style="color: #339933;">                var len:uint = linkBar.numChildren;</span>
<span style="color: #339933;">                var idx:uint;</span>
<span style="color: #339933;">                for (idx = 0; idx &lt; len; idx++) {</span>
<span style="color: #339933;">                    Button(linkBar.getChildAt(idx)).labelPlacement = ButtonLabelPlacement.LEFT;</span>
<span style="color: #339933;">                }</span>
<span style="color: #339933;">            }</span>
<span style="color: #339933;">        ]]&gt;</span>
<span style="color: #339933;">    &lt;/mx:Script&gt;</span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Array</span> id=<span style="color: #ff0000;">&quot;arr&quot;</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Object</span> label=<span style="color: #ff0000;">&quot;Button&quot;</span> ico=<span style="color: #ff0000;">&quot;@Embed('assets/Button.png')&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Object</span> label=<span style="color: #ff0000;">&quot;ButtonBar&quot;</span> ico=<span style="color: #ff0000;">&quot;@Embed('assets/ButtonBar.png')&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Object</span> label=<span style="color: #ff0000;">&quot;CheckBox&quot;</span> ico=<span style="color: #ff0000;">&quot;@Embed('assets/CheckBox.png')&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Object</span> label=<span style="color: #ff0000;">&quot;ColorPicker&quot;</span> ico=<span style="color: #ff0000;">&quot;@Embed('assets/ColorPicker.png')&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Array</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:LinkBar</span> id=<span style="color: #ff0000;">&quot;linkBar&quot;</span></span>
<span style="color: #000000;">            dataProvider=<span style="color: #ff0000;">&quot;{arr}&quot;</span></span>
<span style="color: #000000;">            iconField=<span style="color: #ff0000;">&quot;ico&quot;</span></span>
<span style="color: #000000;">            creationComplete=<span style="color: #ff0000;">&quot;init();&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>

<p>You may need to tweak it if you expect the data provider to change at any point.</p>
<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: dan</title>
		<link>http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/comment-page-1/#comment-4969</link>
		<dc:creator>dan</dc:creator>
		<pubDate>Thu, 06 Aug 2009 01:47:58 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/#comment-4969</guid>
		<description>Hi Gurus, 

Is it possible to place the icon/image to the right of the label?

Regards,
Dan</description>
		<content:encoded><![CDATA[<p>Hi Gurus, </p>
<p>Is it possible to place the icon/image to the right of the label?</p>
<p>Regards,<br />
Dan</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: greg</title>
		<link>http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/comment-page-1/#comment-2496</link>
		<dc:creator>greg</dc:creator>
		<pubDate>Thu, 07 Aug 2008 09:24:31 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2008/02/09/adding-icons-to-the-flex-linkbar-control/#comment-2496</guid>
		<description>hi

This is just what I was looking for. But instead having icon and label horizontaly aligned, verticaly aligned in LinkBar. Something like &quot;labelPlacment&quot; property button has. Any suggestion how to do that?

many thanks in advance.</description>
		<content:encoded><![CDATA[<p>hi</p>
<p>This is just what I was looking for. But instead having icon and label horizontaly aligned, verticaly aligned in LinkBar. Something like &#8220;labelPlacment&#8221; property button has. Any suggestion how to do that?</p>
<p>many thanks in advance.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

