Comments on: Displaying icons in a Flex List control

By: Adam

Adam — Thu, 04 Sep 2008 20:50:41 +0000

I have this working perfectly… but how do I change the width and height if the icons need to be resized?

–Great tutorials, Google always seems to guide me to this blog.

By: scsfdev

scsfdev — Sun, 10 Aug 2008 13:39:33 +0000

Hello guys..

i’m new to RIA, Flex.
Currently i’m using Flex 3.
I have some difficulty in my work.
I want to add icon to Advanced Datagrid control.
I just don’t know how to add it. (I found this sample which added icons to List)
but in ADG, it has not such icon or iconFunction.

So, do u have any idea of how can i add icons to ADG?

(P.S: I want to add icons in other columns except first, tree column)

If u guys can help me, pls guide me.
Thanks

By: Vijay

Vijay — Sun, 27 Jul 2008 22:02:28 +0000

Figured out the answer to my question. You dont need to extend ListItemRenderer. The default one is good enough.
The currentTarget property of the ListEvent.Click (Not ListEvent.ItemClick) will tell you whether you clicked on the icon (if it exists) or the textfield.

By: Vijay

Vijay — Wed, 23 Jul 2008 04:26:46 +0000

The default ListItemRender is defined as icon:IFlexDisplayObject and labelText:IUITextField

Now,how do you make the icon(image) clickable?
Not the whole ListItem just the icon only.

http://www.mail-archive.com/flexcoders@yahoogroups.com/msg99162.html

Am i missing anything because the myClickHandler is not getting invoked.

public class MyListItemRenderer extends ListItemRenderer {

private function myClickHandler(e:MouseEvent):void{
               trace('myClickHandler invoked');
 }

override protected function commitProperties():void{
         super.commitProperties();
         if(icon){
              trace('icon is NOT null');
               icon.addEventListener(MouseEvent.CLICK,myClickHandler);          

         } else {
              trace(' icon is null');
         }
}
}

By: Alex

Alex — Wed, 22 Aug 2007 18:13:44 +0000

I’d like to do this with a datagrid… has anyone done it? I’m trying it now with no luck.

Alex

By: peterd

peterd — Wed, 22 Aug 2007 14:33:10 +0000

Sher Ali,

I believe the skin property was added in Flex 3. See the documentation for the Flex 2.0.1 Button control on LiveDocs for more information.

I created all these samples using the Flex 3 beta and apparently didn’t test in earlier versions (as I’m sure you noticed by now). ;)

I’d imagine you could just set each of the skin styles individually to do the same thing. In that case, I’m sure it would be easier to set the styles in an block on the Button class, or create a new custom style and use the styleName property.

Peter

By: Sher Ali

Sher Ali — Wed, 22 Aug 2007 11:38:30 +0000

Thanks for small and quick learning tips.

I have a question regarding the skin property for the Button component.

Is the skin property for the Button component available in Flex 2 or it has been added in Flex 3?

Because when I use skin property in Flex 2 it doesn’t recognize it and gives the following compile time error:

Cannot resolve attribute ’skin’ for component type mx.controls.Button.

Regards,
S.Ali