Listview control

With the listview control you can render a list of documents as tiles. Using BizzStream Markup Language (BML) you have almost complete freedom in what the tiles look like. You can determine what content is displayed; both static and dynamic, as well as the use of colors and icons. It's up to you how you position and align the information in the listview items.

Configuring the listview control

You can add a listview control to the layout by simply dragging it from the Generic Controls bar on the left-hand side. The listview control has the following properties:

Name (Required) This is used to reference the listview in (for instance) a menu path or a filter. The control name should be unique within a layout. Dataset (Required) The dataset from which the listview control will display documents. This should always be a list dataset. Display condition (Optional) A BizzStream expression that determines under what circumstances the listview control should be displayed. Disabled Condition (Optional) If "Yes", users are able to interact with the listview. If "No", users are unable to interact with the listview. If "Conditional", a BizzStream expression will determine whether or not users can interact with the listview. Highlight Conditions (Optional) Allows you to choose a color and configure a BizzStream expression. If the BizzStream expression resolves to true, the color will be applied to the listview item. Item BML (Required) The code representing the contents of a single listview item. You can use BizzStream expressions to make its contents dynamic. Height (Optional) Determines the height of the listview control as a whole. Listview items will be displayed within the height configured here. New Line Position (Optional) Determines the position a new listview item will be created. New items can either be created on the top, the bottom, or below the item in the listview. By default new lines will be added to the top of the listview.

Example

<bml fontFamily="Ubuntu" fontSize="16" backgroundColor="{{IF(F["status"]="submitted","#D5EFFE",IF(F["status"]="approved","#E8F0E6","#F3F3F3"))}}" borderRadius="16">
<checkbox x="14" y="47"/>
    <block display="flex" height="50" marginTop="27" marginLeft="47">
        <block width="50%">
                <text lineHeight="20" opacity="0.7">{{T["date"]}}:</text>
                        <text> {{F["date"]}} </text>
          </block>
              <block width="50%" >
                      <text lineHeight="20" opacity="0.7">{{T["hours"]}}:</text>
                              <text> {{F["totalWorkedHoursTime"]}} </text>
                </block>
      </block>
        <block display="flex" height="65" marginTop="5" marginLeft="47">
          <block width="50%">
                  <text lineHeight="20" opacity="0.7">{{T["project"]}}:</text>
                          <text> {{REF["project"].F["name"]}} </text>
            </block>
                <block width="50%">
                        <text lineHeight="20" opacity="0.7">{{T["code"]}}</text>
                                <text> {{F["code"]}} </text>
                  </block>
            </block>
</bml>