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
show-if
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>

info-table

grid

Last modified 5mo ago

row

Standard Attributes

`bind`

`label`

`value`

Advanced Attributes

`label-color`

`label-icon`

`label-icon-color`

`left-icon`

`left-icon-color`

`right-icon`

`right-icon-color`

`show-if` and `hide-if`

`value-icon`

`value-icon-color`

`value-color`