C1NavigationListGroupItem Item

The C1NavigationListGroupItem class represents a list item with a nested group. You can use a C1NavigationListGroupItem to combine other list items into a block. The following table compares grouped list items to standalone list items on a rounded corners list:

The following XHTML code was used to create the grouped list in the above table:

<cc1:C1NavigationList runat="server" NavigationListType="RoundedCornersList" Text="Settings"

OnClientItemChecked="ItemChecked" OnClientItemClick="ItemClicked">

    <Items>

        <cc1:C1NavigationListGroupItem runat="server">

    <Items>

        <cc1:C1NavigationListHeaderItem TopText="I am..." Text="grouped">

        </cc1:C1NavigationListHeaderItem>

        <cc1:C1NavigationListItem runat="server" Text="Wi-Fi Networks"  DetailText="linksys" ImageUrl="Images/wifi_29x29.png" >

        </cc1:C1NavigationListItem>

        <cc1:C1NavigationListItem runat="server" Text="Fetch New Data" DetailText="Off" ImageUrl="Images/fetchnewdata_29x29.png">

        </cc1:C1NavigationListItem>

        <cc1:C1NavigationListItem ID="C1NavigationListItem1" runat="server" Text="General" ImageUrl="Images/settings_29x29.png">

        </cc1:C1NavigationListItem>

        <cc1:C1NavigationListItem ID="C1NavigationListItem2" runat="server" Text="Music" ImageUrl="Images/music_29x29.png" >

        </cc1:C1NavigationListItem>

    </Items>

         </cc1:C1NavigationListGroupItem>

    <Items>

</cc1:C1NavigationList>

Please note that the visual representation of items in a simple list will not change if they are grouped.