Comments on: Adding icons to the Flex ButtonBar control http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/ A bunch of examples for Adobe Flex and ActionScript Thu, 08 Jan 2009 13:04:42 +0000 http://wordpress.org/?v=2.2.1 By: Tom http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-16391 Tom Fri, 24 Oct 2008 14:55:26 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-16391 Actually, @Embed is like a preprocessor directive (like #include in C). @Embed means open the file, and include it in my SWF file. So you CANT use it at runtime. There is a big problem (issue) with icon in flex, because icon must be compiled with the SWF (they not implement loader like image class). BUT you can find utility class emulating this, and so you can use url for your icon. Have a look at http://blog.benstucki.net/?p=42 Actually, @Embed is like a preprocessor directive (like #include in C). @Embed means open the file, and include it in my SWF file. So you CANT use it at runtime.

There is a big problem (issue) with icon in flex, because icon must be compiled with the SWF (they not implement loader like image class).

BUT you can find utility class emulating this, and so you can use url for your icon.

Have a look at http://blog.benstucki.net/?p=42

]]> By: alex http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-14193 alex Thu, 17 Jul 2008 10:14:48 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-14193 i mean: & # 6 4 ; Embed('images/icon8.png') i mean: & # 6 4 ; Embed(’images/icon8.png’)

]]> By: alex http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-14192 alex Thu, 17 Jul 2008 10:14:24 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-14192 what about using @Embed('assets/icons/icon.png') instead what about using @Embed(’assets/icons/icon.png’) instead

]]> By: jeremie http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-11950 jeremie Sat, 12 Apr 2008 10:32:59 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-11950 Hi dc Thanks for the reply, but I am not sure to understand what u mean Here is what I changed: <pre class="code"> <toolBarItem> <id>toDefaultBtn</id> <state>default</state> <tooltip>Home</tooltip> <icon>@Embed(/"assets/icons/icon.png")</icon> </toolBarItem> </pre> And here is the same error message: Error #1034: Type Coercion failed: cannot convert "@Embed(/"assets/icons/icon.png")" to Class. Could u please send me the details of what u got to work please? Thx Hi dc
Thanks for the reply, but I am not sure to understand what u mean

Here is what I changed:

<toolBarItem>
	<id>toDefaultBtn</id>
	<state>default</state>
	<tooltip>Home</tooltip>
	<icon>@Embed(/"assets/icons/icon.png")</icon>
</toolBarItem>

And here is the same error message:
Error #1034: Type Coercion failed: cannot convert “@Embed(/”assets/icons/icon.png”)” to Class.

Could u please send me the details of what u got to work please?
Thx

]]> By: dc http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-11387 dc Wed, 09 Apr 2008 10:48:26 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-11387 I just got the metadata issue, I had Embed(/'assets/my.gif'). Also, not sure if it is the blog, but make sure it is normal quotes (") rather than smart quotes I just got the metadata issue, I had Embed(/’assets/my.gif’).
Also, not sure if it is the blog, but make sure it is normal quotes (”) rather than smart quotes

]]> By: jeremie http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-7791 jeremie Sat, 22 Mar 2008 02:55:29 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-7791 Hi, Here is a sample of my XML. I have tried several approach, but non of them worked. I put below what I've tried. <pre class="code"> <?xml version="1.0" encoding="UTF-8"?> <toolBar> <toolBarItem> <id>toDefaultBtn</id> <state>default</state> <tooltip>Home</tooltip> <icon>@Embed("assets/icons/icon.png")</icon> </toolBarItem> <toolBarItem> <id>toCustomersBtn</id> <state>customers</state> <tooltip>Customers</tooltip> <icon>{icon1}</icon> </toolBarItem> <toolBarItem> <id>toStockBtn</id> <state>stock</state> <tooltip>Boutique Stock</tooltip> <icon>icon2</icon> </toolBarItem> </toolBar> </pre> Thx for your help! Hi,
Here is a sample of my XML. I have tried several approach, but non of them worked. I put below what I’ve tried. 

<?xml version="1.0" encoding="UTF-8"?>
<toolBar>

	<toolBarItem>
		<id>toDefaultBtn</id>
		<state>default</state>
		<tooltip>Home</tooltip>
		<icon>@Embed("assets/icons/icon.png")</icon>
	</toolBarItem>	

	<toolBarItem>
		<id>toCustomersBtn</id>
		<state>customers</state>
		<tooltip>Customers</tooltip>
		<icon>{icon1}</icon>
	</toolBarItem>

	<toolBarItem>
		<id>toStockBtn</id>
		<state>stock</state>
		<tooltip>Boutique Stock</tooltip>
		<icon>icon2</icon>
	</toolBarItem>

</toolBar>

Thx for your help!

]]> By: peterd http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-7724 peterd Thu, 20 Mar 2008 15:15:29 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-7724 jeremie, Good question. What does your XML look like? Peter jeremie,

Good question. What does your XML look like?

Peter

]]> By: jeremie http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-7716 jeremie Thu, 20 Mar 2008 14:20:15 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-7716 Thanks for the very good tutorial, I have a question. If I use a XML file as data provider and a repeater class to dynamically create buttons, is there a way to add a proper icon to the dynamically created buttons. Here is my code: <pre class="code"> <mx:Repeater id="toolBarRepeater" dataProvider="{toolBarData}"> <mx:Button styleName="navbutton" name="{toolBarRepeater.currentItem.id}" click="setTransition(String(event.currentTarget.getRepeaterItem().state));" toolTip="{toolBarRepeater.currentItem.tooltip}" icon="HERE I WANT A DYNAMIC ICON"/> </mx:Repeater> </pre> I have an icon param in my xml but I alway have an 'Invalid metadata format' error. Thx! Thanks for the very good tutorial,

I have a question. If I use a XML file as data provider and a repeater class to dynamically create buttons, is there a way to add a proper icon to the dynamically created buttons.

Here is my code:

<mx:Repeater id="toolBarRepeater" dataProvider="{toolBarData}">
<mx:Button styleName="navbutton" name="{toolBarRepeater.currentItem.id}"
    click="setTransition(String(event.currentTarget.getRepeaterItem().state));"
    toolTip="{toolBarRepeater.currentItem.tooltip}"
    icon="HERE I WANT A DYNAMIC ICON"/>
</mx:Repeater>

I have an icon param in my xml but I alway have an ‘Invalid metadata format’ error.

Thx!

]]> By: lili http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-6024 lili Sat, 12 Jan 2008 05:56:09 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-6024 Thank you you example it's give me a lot of help Thank you you example it’s give me a lot of help

]]> By: dormouse http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-5903 dormouse Tue, 08 Jan 2008 13:31:00 +0000 http://blog.flexexamples.com/2008/01/07/adding-icons-to-the-flex-buttonbar-control/#comment-5903 very good enjoy very good

enjoy

]]>