CountBubble listView

Use a CountBubbleListViewItem to add a bubble at the left of the row.

Code:

Note: If you want to make a readonly CountBubbleListView, use a TextContainer instead of LinkContainer.

    <mob:MobilePage ID="mbPage1" runat="server">
        <Header>
            <h1>Count Bubble List View</h1>
        </Header>
        <Content>
            <mob:ListView ID="lv" runat="server">
                <ItemTemplate>  
                    <mob:LinkContainer Text="" Url="#" runat="server" DataItem="<%# (Container.DataItem)%>">
                        <Content>
                        <%# ((Car)Container.DataItem).Name %>
                         <mob:CountBubbleListViewItem BubbleInfo="<%# ((Car)Container.DataItem).ModelsNumber %>" runat="server"></mob:CountBubbleListViewItem>
                        </Content>
                    </mob:LinkContainer>                   
                </ItemTemplate>
            </mob:ListView>
        </Content>
        <Footer>
            <h1>Footer</h1>
        </Footer>
    </mob:MobilePage>

Result: