home program overview dashboard contest dev forum

where » create » reference » listitem

<listitem>

---

The listitem element defines a single list item in a list. A listitem visually divides the list into rows of individual items. A listitem containing a selected element can expand when the listitem gains focus. This is useful for displaying details of a listitem while conserving screen space. The text and image elements of a listitem can not wrap, so it will only occupy a single row in the list. This visually causes elements that do not fit horizontally to be appended. Also, styling should be performed at the listitem or selected element level and not at the text or img element level. The text and img elements do not behave as they do as standalone elements.

Example

<listitem>
  <text>Option 1</text>
  <img src=”someImg.png”/>
</listitem>

<listitem>
  <text>Option 1</text>
  <img src=”someImg.png”/>
  <selected>
    <listitem>
      <text>Option 1</text>
      <img src=”someImg.png”/>
    </listitem>
    <listitem>
      <text>Info on Option 1</text>
      <img src=”someImg.png”/>
    </listitem>
    <listitem>
      <text>Info on Option 1</text>
      <img src=”someImg.png”/>
    </listitem>
  </selected>
</listitem>

Valid Elements

tag	Valid Occurrences
<text>	0 - *
<img>	0 - *
<selected>	0 - 1

Element Specific Attributes

none

Style Attributes

align, bg, bgfocus, bgfocusimg, bgimg, border, bordercolor, borderfocus, fg, fgfocus, fontsize, fontstyle, style, valign

Action Attributes

onFocus, onSelect

Common Attributes

id