Standalone
Grouped
The C1NavigationListTextItem element is a list item that can store and display text. You can tie the text item to a group, or you can add it as a standalone item.
If you are using a simple list, there will be no visual difference between a grouped and a standalone item. Grouping does affect the appearance of a rounded corners list. In a rounded corners list, a text item nested within a C1NavigationListGroupItem adopts the appearance of the other list items; if ungrouped, the text will appear over the background image of the C1ViewPort control.
The table below compares a standalone and a grouped text item in a rounded corners list.
|
Standalone |
Grouped |
|
|
|
To view the XHTML used to create the headers in the text items in the above table, select from the following options:
<cc1:C1NavigationList runat="server" NavigationListType="RoundedCornersList" Text="Settings"
OnClientItemChecked="ItemChecked" OnClientItemClick="ItemClicked">
<Items>
<cc2:C1NavigationListTextItem runat="server" Text="Text" TopText="TopText" ImageUrl="Images/mail_29x29.png">
</cc2:C1NavigationListTextItem>
<cc2:C1NavigationListItem runat="server" Text="ListItem" ImageUrl="Images/photos_29x29.png">
</cc2:C1NavigationListItem>
</Items>
</cc1:C1NavigationList>
<cc1:C1NavigationList runat="server" NavigationListType="RoundedCornersList" Text="Settings"
OnClientItemChecked="ItemChecked" OnClientItemClick="ItemClicked">
<Items>
<cc1:C1NavigationListGroupItem>
<Items>
<cc2:C1NavigationListTextItem runat="server" Text="Text" TopText="TopText" ImageUrl="Images/mail_29x29.png">
</cc2:C1NavigationListTextItem>
<cc2:C1NavigationListItem runat="server" Text="ListItem" ImageUrl="Images/photos_29x29.png">
</cc2:C1NavigationListItem>
</Items>
</cc1:C1NavigationListGroupItem>
</Items>
</cc1:C1NavigationList>
The appearance of a C1NavigationListTextItem element can be modified with the following properties:
|
Property |
Description |
|
The top text of the text item. In the iPhone visual style, this appears in blue font. | |
|
The middle text of the text item. In the iPhone visual style, this appears in gray, bolded font. | |
|
The bottom text of the text item. In the iPhone visual style, this appears in gray font. | |
|
The text describing the details of this list item's subitems. | |
|
The path where the image for the text item is stored. The image appears to the left of all text. |