Comments on: Adding icons to a Flex TabNavigator control http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/ Just a bunch of Adobe Flex Examples Thu, 18 Mar 2010 20:18:12 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Peter deHaan http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-6207 Peter deHaan Tue, 03 Nov 2009 01:46:52 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-6207 Works for me. Just verified it again in Flex SDK 3.5.0.11086. Peter Works for me. Just verified it again in Flex SDK 3.5.0.11086.

Peter

]]> By: Ivonne http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-6199 Ivonne Mon, 02 Nov 2009 19:01:00 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-6199 Did this work for anyone? I can't get the icon to the right still... Did this work for anyone? I can’t get the icon to the right still…

]]> By: Jovica Aleksic http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-5745 Jovica Aleksic Sun, 13 Sep 2009 14:25:38 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-5745 Heh, totally forgot about this entry. Long time no see :-) Well, my Assets class is (overly) complicated and consists of several helper classes. It would be too much to post it here. Should somebody be interested, feel free to drop a mail at jovica.aleksic_at_loopmode.de. However, the TabNavigator-with-icons situation became obsolete, because due to further project-specific complications I decided not to use the Flex TabNavigator, but create a "fake" custom tabNavigator using the usual containers like Canvas, Hbox etc. Heh, totally forgot about this entry. Long time no see :-)

Well, my Assets class is (overly) complicated and consists of several helper classes. It would be too much to post it here. Should somebody be interested, feel free to drop a mail at jovica.aleksic_at_loopmode.de.

However, the TabNavigator-with-icons situation became obsolete, because due to further project-specific complications I decided not to use the Flex TabNavigator, but create a “fake” custom tabNavigator using the usual containers like Canvas, Hbox etc.

]]> By: Peter deHaan http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-4834 Peter deHaan Wed, 29 Jul 2009 23:53:49 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-4834 @Jovica Aleksic, What does your Assets class look like? Can you post the code here. Peter @Jovica Aleksic,

What does your Assets class look like? Can you post the code here.

Peter

]]> By: Jovica Aleksic http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-4816 Jovica Aleksic Wed, 29 Jul 2009 12:32:06 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-4816 My example was supposed to be <pre lang="mxml"> <Image source="{Assets.getAsset('TalentTabIconEconomy')}"/> </pre> and i can't seem to find a solution yet :( My example was supposed to be

<Image source="{Assets.getAsset('TalentTabIconEconomy')}"/>

and i can’t seem to find a solution yet :(

]]> By: Jovica Aleksic http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-4814 Jovica Aleksic Wed, 29 Jul 2009 12:17:38 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-4814 I am trying to use icons loaded with my asset loading system (which is quite common-style), and I get a coercion error.. Basically, my Assets singleton class returns a class reference to an asset which is stored inside an external swf. The assets are loaded, and I use the system everywhere in the project. for example <code> </code> Now for use as icon, this approach doesnt seem to work. I get <code> Flex Error #1034: Type Coercion Failed: Cannot Convert TalentTabIconEconomy@6d40c41 to mx.core.IFlexDisplayObject </code> Will try to find a solution and post it here. I am trying to use icons loaded with my asset loading system (which is quite common-style), and I get a coercion error..

Basically, my Assets singleton class returns a class reference to an asset which is stored inside an external swf.
The assets are loaded, and I use the system everywhere in the project. for example

Now for use as icon, this approach doesnt seem to work. I get

Flex Error #1034: Type Coercion Failed: Cannot Convert TalentTabIconEconomy@6d40c41 to mx.core.IFlexDisplayObject

Will try to find a solution and post it here.

]]> By: Luc http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-4807 Luc Wed, 29 Jul 2009 07:19:49 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-4807 I have been trying to animate those icons in the TabNavigator. Any idea on how to do that? Thanks I have been trying to animate those icons in the TabNavigator. Any idea on how to do that?
Thanks

]]> By: Peter deHaan http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-4580 Peter deHaan Thu, 16 Jul 2009 07:16:27 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-4580 Pan, I'm not sure if this is the best approach, but you could try and do something like this: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.controls.ButtonLabelPlacement; import mx.controls.TabBar; import mx.controls.tabBarClasses.Tab; protected function init():void { var tabBar:TabBar = tabNav.mx_internal::getTabBar(); var idx:uint; var len:uint = tabBar.numChildren; for (idx = 0; idx < len; idx++) { Tab(tabBar.getChildAt(idx)).labelPlacement = ButtonLabelPlacement.LEFT; } } ]]> </mx:Script> <mx:TabNavigator id="tabNav" width="400" height="300" horizontalCenter="0" verticalCenter="0" creationComplete="init();"> <mx:VBox label="Accept" icon="@Embed('accept.png')"> <!-- child tags --> </mx:VBox> <mx:VBox label="Add" icon="@Embed('add.png')"> <!-- child tags --> </mx:VBox> <mx:VBox label="Anchor"> <!-- child tags --> </mx:VBox> </mx:TabNavigator> </mx:Application> </pre> Peter Pan,

I’m not sure if this is the best approach, but you could try and do something like this:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:Script>
        <![CDATA[
            import mx.controls.ButtonLabelPlacement;
            import mx.controls.TabBar;
            import mx.controls.tabBarClasses.Tab;
 
            protected function init():void {
                var tabBar:TabBar = tabNav.mx_internal::getTabBar();
                var idx:uint;
                var len:uint = tabBar.numChildren;
                for (idx = 0; idx < len; idx++) {
                    Tab(tabBar.getChildAt(idx)).labelPlacement = ButtonLabelPlacement.LEFT;
                }
            }
        ]]>
    </mx:Script>
 
    <mx:TabNavigator id="tabNav" width="400" height="300"
                     horizontalCenter="0" verticalCenter="0"
                     creationComplete="init();">
        <mx:VBox label="Accept" icon="@Embed('accept.png')">
            <!-- child tags -->
        </mx:VBox>
        <mx:VBox label="Add" icon="@Embed('add.png')">
            <!-- child tags -->
        </mx:VBox>
        <mx:VBox label="Anchor">
            <!-- child tags -->
        </mx:VBox>
    </mx:TabNavigator>
 
</mx:Application>

Peter

]]> By: Pan http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-4577 Pan Thu, 16 Jul 2009 06:38:58 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-4577 I want add the icon to right,i need you help I want add the icon to right,i need you help

]]> By: prashant shelke http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/comment-page-1/#comment-641 prashant shelke Sat, 17 Jan 2009 03:47:00 +0000 http://blog.flexexamples.com/2007/08/16/adding-icons-to-a-flex-tabnavigator-control/#comment-641 Hi, Can we add link button @ place of icon ? Thanks, Prashant Shelke. Hi,

Can we add link button @ place of icon ?

Thanks,
Prashant Shelke.

]]>