TouchFaces - Image into RowItem

[dalenz]

Hi,
is it possible adding an "icon" into a rowItem?
I would obtain this effect:
http://www.apparea.com/images/app-scree ... ndme-1.jpg

This is my code.

Code: Select all

            <i:view id="home">                
                <i:tableView>
                    <i:rowGroup display="edgetoedge">      
                        
                        <i:rowItem value="AAA" />
                        <i:rowItem value="BBB" />
                        <i:rowItem value="CCC" />
                                                                           
                    </i:rowGroup>
                </i:tableView>
            </i:view>

Thank you.
Davide

[smallya]

This should do it

<i:rowitem>
<h:graphicImage..../>
<p:spacer/>
<h:outputText../>
</i:rowitem>

It worked for me.

[dalenz]

Thank you for you reply.
How to implement the transition from one view to an other.

For example, I want to pass from "Home" view to "Page" view, by clicking on rowitem...

Code: Select all

            <i:view id="[b]home[/b]">                
                <i:tableView>
                    <i:rowGroup display="edgetoedge">      
                        
                        <i:rowItem  view="[b]page[/b]" >
                            <h:graphicImage value="resources/image.png"/>
                            <p:spacer/>
                            <h:outputText value="AAA" />                            
                        </i:rowItem>

                        <i:rowItem value="BBB" />

                        <i:rowItem value="CCC" />
                                                                           
                    </i:rowGroup>
                </i:tableView>

                <i:view id="[b]page[/b]">  
                    ...
                </i:view>

Can you help me, please.
Thank you.

[smallya]

Each rowItem can invoke actionListener and pass the current object as parameter to the method.

Check the code fragment from my code.

<i:rowGroup title="#{bundle.MyLists}">
<ui:repeat value="#{mobileBean.activeLists}" var="item">
<i:rowItem value="#{item.listName}" view="mShoppingList" update="shoppingListItems" actionListener="#{mobileController.getList}">
<f:param name="selectedListId" value="#{item.listId}" />
</i:rowItem>
</ui:repeat>
<i:rowItem value="#{bundle.NoActiveListsFound}" rendered="#{empty mobileBean.activeLists}"/>
</i:rowGroup>

Actually if you check the TouchFaces showcase there are some good examples for doing almost everything you need.