Skip to main content

List item preview component

Level: beginner

Use the List item preview component to preview a list item.

View the example of a configuration object that previews a list item below.

Example of a configuration object that previews a list item
{
    "type": "crt.ListItem",
    "title": "\$Name",
    "subtitles": ["\$Account"],
    "body": [
        {
            "value": "\$JobTitle"
        },
        {
            "value": "\$MobilePhone"
        }
    ],
    "action": {
        "type": "crt.Button",
        "caption": "Open",
        "clicked": {...}
    },
    "showEmptyValues": true,
    "icon": "\$Photo"
}
string type

Component type. crt.ListItem for the List item preview component.

string title

The attribute from the viewModelConfig schema section. Mobile Creatio displays the title above the content.

array of strings subtitles

The attribute from the viewModelConfig schema section. Mobile Creatio displays the subtitle below the list item title on a single line.

array of strings body

The array of attributes from the viewModelConfig schema section that are attached to the component. Mobile Creatio displays single column for mobile phones and two for tablets.

Parameters

Name

Description

string value

The attribute from the viewModelConfig schema section.

object action

The Freedom UI Mobile component that is attached to the List Item preview component. The component executes an action. For example, button. Mobile Creatio displays the component to the right of the List Item preview component. The parameters of attached component depend on the component type.

boolean showEmptyValues

A flag that enables displaying empty values of fields that are specified in the body property. By default, false.

Available values

true

Display empty values of fields.

false

Do not display empty values of fields.

string icon

List item icon. Mobile Creatio displays the icon of image type field. The icon property includes the DataSchemaAttribute.caption property value. If the value of image type field is omitted, Mobile Creatio displays the first two letters of the image type field.