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
