row

A row is responsible for displaying data inside an info-table. An info-table can have multiple rows.

The rows of info-table are specified using row tags. Rows act similarly to info component.

Standard Attributes

bind

Optional

Type: string

Default: unset

The variable or field's value which should be displayed on the right hand side of the info-table row.

main.view.xml
<info-table>
    <row label="Job Title" bind="view_variable" />
</info-table>

Use either bind or value, not both.

Note: when binding to a field the field's label will automatically be used. Specify label="" to override this behavior.

label

Optional

Type: string

Default: unset

Specify a label to be displayed on the left side of the info-table row.

main.view.xml
<info-table>
    <row label="Job Title" />
    <row label="Job description" />
</info-table>

value

Optional

Type: string

Default: unset

Specify the text to display on the right side of the info-table row. This is an alternative to using the bind attribute.

Use either bind or value, not both.

main.view.xml
<info-table>
    <row label="Job Title" value="Text based value for row" />
    <row label="Job Description" value="Text based value for row" />
</info-table>

Advanced Attributes

label-color

Optional

Type: string - can be a named color or #HEX value

Default: Primary text color

Specify the color of the label text of the info-table row.

main.view.xml
<info-table>
    <row label="Job Title" label-color="#ff6f00" />
    <row label="Job Description" label-color="#ff6f00" />
</info-table>

label-icon

Version compatibility

label-icon was introduced in version 4.86.1 of the JourneyApps Runtime to replace left-icon.

Optional

Type: string

Default: unset

Specify the left icon in the row. Find a list of available icons here.

main.view.xml
<info-table>
    <row label="Job Title" value="Text based value for row" label-icon="fa-star" />
    <row label="Job Description" value="Text based value for row" label-icon="fa-star" left-icon-color="#1e88e5" />
</info-table>

label-icon-color

Version compatibility

label-icon-color was introduced in version 4.86.1 of the JourneyApps Runtime to replace left-icon-color.

Optional

Type: string - can be a named color or #HEX value

Default: unset

Specify the color of the label-icon.

main.view.xml
<info-table>
    <row label="Job Description" value="Text based value for row" label-icon="fa-star" label-icon-color="#1e88e5" />
</info-table>

left-icon

Deprecated

left-icon is deprecated since version 4.86.1 of the JourneyApps Runtime.

Deprecated. See label-icon.

left-icon-color

Deprecated

left-icon-color is deprecated since version 4.86.1 of the JourneyApps Runtime.

Deprecated. See label-icon-color.

right-icon

Deprecated

right-icon is deprecated since version 4.86.1 of the JourneyApps Runtime.

Deprecated. See value-icon.

right-icon-color

Deprecated

right-icon-color is deprecated since version 4.86.1 of the JourneyApps Runtime.

Deprecated. See value-icon-color.

show-if and hide-if

value-icon

Version compatibility

value-icon was introduced in version 4.86.1 of the JourneyApps Runtime to replace right-icon.

Optional

Type: string

Default: unset

Specify the right icon of the row. Find a list of available icons here.

main.view.xml
<info-table>
    <row label="Job Title" value="Text based value for row" value-icon="fa-star" value-icon-color="#ff6f00" />
    <row label="Job Description" value="Text based value for row" value-icon="fa-star" value-icon-color="#ff6f00" />
</info-table>

value-icon-color

Version compatibility

value-icon-color was introduced in version 4.86.1 of the JourneyApps Runtime to replace right-icon-color.

Optional

Type: string - can be a named color or #HEX value

Default: unset

Specify the color of the value-icon.

main.view.xml
<info-table>
    <row label="Job Description" value="$:{asset.description}" value-icon="fa-star" value-icon-color="#1e88e5" />
</info-table>

value-color

Optional

Type: string - can be a named color or #HEX value

Default: Primary text color

Specify the color of the value text of the info-table row.

main.view.xml
<info-table>
    <row label="Job Title" value="Text based value for row" value-color="#1e88e5" />
    <row label="Job Description" value="Text based value for row" value-color="#1e88e5" />
</info-table>

Last updated