set image height for decorator in iconitemrender in flex

Question

I am embedding an image using the decorator attribute of IconItemRenderer. But the image ia large one and I want to set the image height and width to smaller dimensions. I have tried using iconHeight and iconWidth properties. But this is not working. I am a beginer in flex. Can anybody help me out? PFB the code,

<s:List id="list" top="0" bottom="0" left="0" right="0" dataProvider="{srv.lastResult.data.employee}">
    <s:itemRenderer>
        <fx:Component>              
<s:IconItemRenderer  label="{data.empName}" decorator="@Embed('../small/empImage.jpg')" iconHeight="1" iconWidth="1"  >
                </s:IconItemRenderer>
            </fx:Component>

        </s:itemRenderer>

        </s:List>

score 0 · Answer 1 · answered Nov 13 '13 at 17:20

I think iconField property is what you are looking for

    <?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               creationComplete="creationCompleteHandler(event)"
               xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:List id="list"
            top="0"
            bottom="0"
            left="0"
            right="0"
            dataProvider='{dataProvider}'>
        <s:itemRenderer>
            <fx:Component>
                <s:IconItemRenderer iconField="image"
                                    iconHeight="50"
                                    iconWidth="50"/>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
    <fx:Script><![CDATA[
        import mx.collections.ArrayCollection;
        import mx.collections.IList;
        import mx.events.FlexEvent;

        private var dataProvider:IList = new ArrayCollection();

        private function creationCompleteHandler(event:FlexEvent):void {
            var object:Object = new Object();
            object.empName = 'hello';
            object.image = 'http://theadvancedapes.com/wp-content/uploads/2013/10/logo-google-astro-1.jpg'
            dataProvider.addItem(object)
            var object:Object = new Object();
            object.empName = 'hello';
            object.image = 'http://theadvancedapes.com/wp-content/uploads/2013/10/logo-google-astro-1.jpg'
            dataProvider.addItem(object)
        }
        ]]></fx:Script>
</s:Application>

set image height for decorator in iconitemrender in flex

1 Answers1