Here's a screenshot that looks better: https://snag.gy/kms42U.jpg
2018-07-07 10:13 GMT+02:00 Carlos Rovira <[email protected]>: > Hi > > Navigation component is extending List component, so its a specialized > List for navigation. > > But to test that the List component is fully working just uploaded a > working Icon ListItemRenderer example to Jewel Example in this commit [1] > > The screenshot with the result is [2]. > > Is mostly the same as you did, but using a typed Object "IconListVO", The > renderer extends "ListItemRenderer" and is set with CSS > > .iconListItemRenderer > { > IItemRenderer: ClassReference("itemRenderers.IconListItemRenderer"); > } > > and instead of set offsets with x and y I use css like this: > > > .iconListItemRenderer .fonticon > { > margin-right: 24px; > } > > This make some room between the icon and the text label. > > Hope the example help you to get this working :) > > Carlos > > > [1] https://github.com/apache/royale-asjs/commit/ > 41fed79c89e294bea97ba3b4e213d1c535227aae > [2] https://snag.gy/kvBOY2.jpg > > 2018-07-06 23:22 GMT+02:00 pynenburgad <[email protected]>: > >> Again the MXML Itemrenderer code, now including the missing <fx:Script> >> code: >> >> <js:MXMLItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> xmlns:js="library://ns.apache. >> org/royale/basic" >> xmlns:j="library://ns.apache.org/royale/jewel" >> xmlns:svg="library://ns.apache >> .org/royale/svg" >> width="100%" height="36"> >> <fx:Script> >> >> [Bindable] >> [Bindable] >> private var placeName:String; >> >> [Bindable] >> private var placeCountry:String; >> >> [Bindable] >> private var placeFlag:String; >> >> override public function set >> data(value:Object):void >> { >> super.data = value; >> >> placeName = value["name"]; >> placeCountry = value["country"]; >> placeFlag = value["flag"]; >> >> } >> >> </fx:Script> >> >> <j:beads> >> <j:BasicLayout/> >> <js:ItemRendererDataBinding /> >> </j:beads> >> <js:Image src="{'assets\\' + placeFlag + '.png'}" y="6" x="10" >> height="20" width="30"/> >> <j:Label text="{placeName}" y="6" x="60" /> >> <j:Label text="{placeCountry}" y="6" x="180"/> >> >> </js:MXMLItemRenderer> >> >> >> >> >> -- >> Sent from: http://apache-royale-users.20374.n8.nabble.com/ >> > > > > -- > Carlos Rovira > http://about.me/carlosrovira > > -- Carlos Rovira http://about.me/carlosrovira
