<lists>
    <!-- Orders -->
    <listConfiguration id="Orders" columns="2">
      <columns>
        <column width="90%" xAlign="left" yAlign="top">
          <elements>
            <textElement fontId="headlineFont" text="{DisplayLine1}" />
            <textElement fontId="contentFont" text="{DisplayLine2}" />
            <textElement fontId="contentFont" text="{DisplayLine3}" />
            <textElement fontId="contentFont" text="{DisplayLine4}" />
          </elements>
        </column>
        <column width="10%" xAlign="right" yAlign="center" >
          <elements>
            <imageElement height="5%" width="5%" dataMember="Status" horizontalAlignment="right" verticalAlignment="bottom">
              <values>
                <value imageId="unlocked" dataMemberValue="1" />
                <value imageId="locked" dataMemberValue="2" />
              </values>
            </imageElement>
          </elements>
        </column>
      </columns>
    </listConfiguration>
  </lists>

Overview

listConfiguration

columns

• column- Overall configuration of a column.

  • width = "" -Width of the column in %.

  • xAlign = "" - Horizontal alignment of the content in the column. Allowed values are listed below.

    • • left
      • center
      • right

  • yAlign = "" - Vertical alignment of the content in the column. Allowed values are listed below.

    • • top
      • center
      • bottom

  • backgroundColor = "" - Background color for the column.

    • <elements> - Encloses all the elements in the column. 

      •  <imageElement>

        • height = "" - Height is a percentage of the screen height (%-sign after number is optional).
        • width = "" - Width is a percentage of the screen width (%-sign after number is optional).
        • dataMember = "" - Reference to a value of the item displayed in the list. This value is used when using conditional image references through the values element.
        • sourceId = "" - Reference to an id defined in the image reference section. Is disregarded when using dataMember and values references.
        • horizontalAlignment = "" - Horizontal alignment of the image.
        • verticalAlignment = "" - Vertical alignment of the image.
        • <values>
          • <value>
            • imageId = "" - Reference to an id defined in the image reference section.
            • dataMemberValue = "" - Reference to a valid value of the dataMember property of the item source. If the dataMember can return 1 and 2, then those are the valid values.