StyleCode v2

🚧 Work in progress — This documents the redesigned dashboard layout system, which is still under active development and subject to change. It is not compatible with the older v1 dashboard tile system.

Dashboard

Specified at the dashboard level, using @{ prop: value }.

Property Description Kind
dashButton Dashboard run button Single scalar value
dashButtonKind Dashboard’s topbar button Single scalar value
dashTitle Dashboard title Single scalar value
defaultTab Default Tab Single scalar value
buttonAspect Aspect of the button element Single scalar value
buttonBackground Button’s custom background color Single scalar value
buttonBorder Button’s custom border color Single scalar value
buttonText Button’s custom text color Single scalar value

dashboard > runbanner

Specifies the bottom banner.

Property Description Kind
bannerMessage Banner Message Single scalar value
bannerButton Banner run button Single scalar value
buttonAspect Aspect of the button element Single scalar value
buttonBackground Button’s custom background color Single scalar value
buttonBorder Button’s custom border color Single scalar value
buttonText Button’s custom text color Single scalar value

Barchart

Created by show barchart.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
barchartVariant Barchart variant Single scalar value
barchartValuePosition Barchart value’s positioning Single scalar value
downloadFileName Name of downloaded file Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
tileZoom Allow tile zoom Single scalar value

barchart > series

An individual series

Uses StyleCode associated with the Envision column.

Property Description Kind
as Column/series name Single scalar value
seriesGroup Bar series group Single scalar value
textColor Text color Single scalar value
color Series color Single scalar value

barchart > series > value

The values in a series

Property Description Kind
textColor Text color Accepts data-sized vector with #[�]
color Series color Accepts data-sized vector with #[�]

Button

Created by show button.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
href Clickable link address Single scalar value
hrefTarget Targeting behavior of the href element Single scalar value
size Size Single scalar value
buttonVariantColor Button’s variant color Single scalar value
buttonVariantMode Button’s variant mode Single scalar value

Chart

Created by show chart.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
tileZoom Allow tile zoom Single scalar value

chart > series

Uses StyleCode associated with the Envision column.

chart > haxis

the Horizontal axis

Property Description Kind
as Column/series name Single scalar value
axisMin Minimum value of the axis Single scalar value
axisMax Maximum value of the axis Single scalar value
gridlines Gridlines mode Single scalar value
gridlineColor Gridlines color Single scalar value
dateFormat Date format Single scalar value
monthFormat Month format Single scalar value
weekFormat Week format Single scalar value

chart > legend

the chart’s legend style

Property Description Kind
legendPosition Legend position Single scalar value

chart > haxis

the Horizontal axis

Property Description Kind
as Column/series name Single scalar value
barPadding Bar Series Padding Single scalar value
barRatio Bar Series Ratio Single scalar value

chart > value

Value in the series

chart > haxis

the Horizontal axis

Property Description Kind
as Column/series name Single scalar value

chart > series

An individual series

Uses StyleCode associated with the Envision column.

Property Description Kind
as Column/series name Single scalar value
color Series color Single scalar value
seriesDisplay Display the series Single scalar value
seriesLegend Legend display of series Single scalar value
seriesLegendRank Legend rank of the series in the chart Single scalar value
seriesLegendTooltip Series legend tooltip Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
seriesOpacity Opacity of series Single scalar value
vaxis Axis allocation Single scalar value
seriesPattern Line series pattern Single scalar value
seriesSmooth Series smoothing method Single scalar value
unit Number unit Single scalar value

chart > series > value

A point in the plot

chart > haxis

the Horizontal axis

Property Description Kind
as Column/series name Single scalar value

chart > series

An individual series

Uses StyleCode associated with the Envision column.

Property Description Kind
as Column/series name Single scalar value
color Series color Single scalar value
seriesDisplay Display the series Single scalar value
seriesLegend Legend display of series Single scalar value
seriesLegendRank Legend rank of the series in the chart Single scalar value
seriesLegendTooltip Series legend tooltip Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
seriesOpacity Opacity of series Single scalar value
vaxis Axis allocation Single scalar value
unit Number unit Single scalar value
seriesMarker Marker Kind Single scalar value

chart > series > value

A point in the plot

Property Description Kind
color Series color Accepts data-sized vector with #[�]
radius Radius of scatter dot Accepts data-sized vector with #[�]
seriesMarker Marker Kind Accepts data-sized vector with #[�]

chart > vaxis

Vertical axes

Property Description Kind
gridlines Gridlines mode Single scalar value
gridlineColor Gridlines color Single scalar value

chart > vaxis > left

Left-side vertical axis

Property Description Kind
axisMin Minimum value of the axis Single scalar value
axisMax Maximum value of the axis Single scalar value

chart > vaxis > right

Right-side vertical axis

Property Description Kind
axisMin Minimum value of the axis Single scalar value
axisMax Maximum value of the axis Single scalar value
alignWithLeft Align with left Single scalar value

Frame

Created by show frame.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
tileZoom Allow tile zoom Single scalar value

frame > entry

A cell in the column

Uses StyleCode associated with the Envision column.

frame > entry > value

The value of a cell in the column

Property Description Kind
href Clickable link address Accepts data-sized vector with #[�]
hrefAspect Aspect of the href element Accepts data-sized vector with #[�]
hrefTarget Targeting behavior of the href element Accepts data-sized vector with #[�]
hrefBackground Href’s custom background color Accepts data-sized vector with #[�]
hrefBorder Href’s custom border color Accepts data-sized vector with #[�]
hrefText Href’s custom text color Accepts data-sized vector with #[�]
textAlign Horizontal text alignment Accepts data-sized vector with #[�]
textBold Bold emphasis Accepts data-sized vector with #[�]
textItalic Italic emphasis Accepts data-sized vector with #[�]
cellBackground Table cell background Accepts data-sized vector with #[�]
textColor Text color Accepts data-sized vector with #[�]
cellTooltip Cell tooltip Accepts data-sized vector with #[�]
tooltipColor Tooltip icon’s main color Accepts data-sized vector with #[�]
tooltipSecondaryColor Tooltip icon’s secondary color Accepts data-sized vector with #[�]
unit Number unit Accepts data-sized vector with #[�]
dateFormat Date format Single scalar value
monthFormat Month format Single scalar value
weekFormat Week format Single scalar value
booleans boolean text displays Single scalar value

frame > header

The header of the column

Property Description Kind
textAlign Horizontal text alignment Accepts data-sized vector with #[�]
textBold Bold emphasis Accepts data-sized vector with #[�]
textItalic Italic emphasis Accepts data-sized vector with #[�]
cellBackground Table cell background Accepts data-sized vector with #[�]
textColor Text color Accepts data-sized vector with #[�]
cellTooltip Cell tooltip Accepts data-sized vector with #[�]

frame > column

A column within the frame.

Uses StyleCode associated with the Envision column.

Property Description Kind
as Column/series name Single scalar value
columnDisplay Show or hide column Single scalar value
columnWidth Relative column width Single scalar value

frame > column > header

The header of the column

Property Description Kind
textAlign Horizontal text alignment Accepts data-sized vector with #[�]
textBold Bold emphasis Accepts data-sized vector with #[�]
textItalic Italic emphasis Accepts data-sized vector with #[�]
cellBackground Table cell background Accepts data-sized vector with #[�]
textColor Text color Accepts data-sized vector with #[�]
cellTooltip Cell tooltip Accepts data-sized vector with #[�]

frame > column > value

A cell in the column

Property Description Kind
href Clickable link address Accepts data-sized vector with #[�]
hrefAspect Aspect of the href element Accepts data-sized vector with #[�]
hrefTarget Targeting behavior of the href element Accepts data-sized vector with #[�]
hrefBackground Href’s custom background color Accepts data-sized vector with #[�]
hrefBorder Href’s custom border color Accepts data-sized vector with #[�]
hrefText Href’s custom text color Accepts data-sized vector with #[�]
textAlign Horizontal text alignment Accepts data-sized vector with #[�]
textBold Bold emphasis Accepts data-sized vector with #[�]
textItalic Italic emphasis Accepts data-sized vector with #[�]
cellBackground Table cell background Accepts data-sized vector with #[�]
textColor Text color Accepts data-sized vector with #[�]
cellTooltip Cell tooltip Accepts data-sized vector with #[�]
tooltipColor Tooltip icon’s main color Accepts data-sized vector with #[�]
tooltipSecondaryColor Tooltip icon’s secondary color Accepts data-sized vector with #[�]
unit Number unit Accepts data-sized vector with #[�]
dateFormat Date format Single scalar value
monthFormat Month format Single scalar value
weekFormat Week format Single scalar value
booleans boolean text displays Single scalar value

Gauge

Created by show gauge.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
textColor Text color Single scalar value
gaugeLabelPosition Label’s position Single scalar value
gaugeVariant Style variant Single scalar value
gaugeChromeColor Color of the gauge’s chrome Single scalar value
gaugeAngle Angle for the gauge Single scalar value

gauge > entry

An individual gauge

Uses StyleCode associated with the Envision column.

Property Description Kind
gaugeMin Minimum for the gauge Single scalar value
gaugeMax Maximum for the gauge Single scalar value

gauge > entry > value

Value in the series

Image

Created by show image.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value

Label

Created by show label.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
textAlign Horizontal text alignment Single scalar value
textBold Bold emphasis Single scalar value
textColor Text color Single scalar value
textItalic Italic emphasis Single scalar value
labelIcon Label icon Single scalar value
iconColor Icon custom color Single scalar value
iconPosition Icon position Single scalar value
labelBorder Label border Single scalar value
labelBorderColor Label border color Single scalar value
href Clickable link address Single scalar value
hrefAspect Aspect of the href element Single scalar value
hrefTarget Targeting behavior of the href element Single scalar value
hrefBackground Href’s custom background color Single scalar value
hrefBorder Href’s custom border color Single scalar value
hrefText Href’s custom text color Single scalar value
size Size Single scalar value
textRotation Text rotation Single scalar value
textVerticalAlign Vertical text alignment Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value

Linechart

Created by show linechart.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
downloadFileName Name of downloaded file Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
tileZoom Allow tile zoom Single scalar value

linechart > haxis

Horizontal axis

Property Description Kind
axisMin Minimum value of the axis Single scalar value
axisMax Maximum value of the axis Single scalar value
as Column/series name Single scalar value
gridlines Gridlines mode Single scalar value
gridlineColor Gridlines color Single scalar value
barPadding Bar Series Padding Single scalar value
barRatio Bar Series Ratio Single scalar value

linechart > haxis > value

Value on the horizontal axis

Property Description Kind
dateFormat Date format Single scalar value

linechart > legend

the linechart’s legend style

Property Description Kind
legendPosition Legend position Single scalar value

linechart > vaxis

Vertical axes

Property Description Kind
gridlines Gridlines mode Single scalar value
gridlineColor Gridlines color Single scalar value

linechart > vaxis > left

Left-side vertical axis

Property Description Kind
axisMin Minimum value of the axis Single scalar value
axisMax Maximum value of the axis Single scalar value

linechart > vaxis > right

Right-side vertical axis

Property Description Kind
axisMin Minimum value of the axis Single scalar value
axisMax Maximum value of the axis Single scalar value
alignWithLeft Align with left Single scalar value

Markdown

Created by a show markdown.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
textColor Text color Single scalar value
tileZoom Allow tile zoom Single scalar value

Piechart

Created by show piechart.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
tileZoom Allow tile zoom Single scalar value

piechart > series

An individual series

Uses StyleCode associated with the Envision column.

piechart > series > value

A slice of the the pie

Property Description Kind
color Series color Accepts data-sized vector with #[�]

Region

Created by show region.

Property Description Kind
tileBackground Tile background color or hue Single scalar value

show region’s footer element

Property Description Kind
blockTitle Tile block Single scalar value
href Clickable link address Single scalar value
hrefTarget Targeting behavior of the href element Single scalar value

region > header

show region’s header element

Property Description Kind
blockColor Block accent color Single scalar value
blockTitle Tile block Single scalar value
tileBackground Tile background color or hue Single scalar value

Scalar

Created by show scalar.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
scalarLabelPosition Label Position Single scalar value
size Size Single scalar value
textAlign Horizontal text alignment Single scalar value
textBold Bold emphasis Single scalar value
textColor Text color Single scalar value
textItalic Italic emphasis Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value

scalar > entry

The only entry

Uses StyleCode associated with the Envision column.

scalar > entry > value

The value

Property Description Kind
dateFormat Date format Single scalar value
monthFormat Month format Single scalar value
weekFormat Week format Single scalar value
textBold Bold emphasis Single scalar value
textColor Text color Single scalar value
textItalic Italic emphasis Single scalar value
href Clickable link address Single scalar value
hrefAspect Aspect of the href element Single scalar value
hrefTarget Targeting behavior of the href element Single scalar value
hrefBackground Href’s custom background color Single scalar value
hrefBorder Href’s custom border color Single scalar value
hrefText Href’s custom text color Single scalar value

Summary

Created by show summary.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
summaryColumns How columns are split. Single scalar value
legendPosition Legend position Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
tileZoom Allow tile zoom Single scalar value

summary > entry

The individual entries

Uses StyleCode associated with the Envision column.

Property Description Kind
as Column/series name Single scalar value
textAlign Horizontal text alignment Single scalar value
textBold Bold emphasis Single scalar value
textItalic Italic emphasis Single scalar value
entryDisplay Display the entry Single scalar value
entryWidthFactor Entry width factor Single scalar value
entryTooltip Entry tooltip Single scalar value
entryTooltipText Entry tooltip text Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value

summary > entry > value

The value

Property Description Kind
dateFormat Date format Single scalar value
monthFormat Month format Single scalar value
weekFormat Week format Single scalar value
textAlign Horizontal text alignment Single scalar value
textBold Bold emphasis Single scalar value
textColor Text color Single scalar value
textItalic Italic emphasis Single scalar value
href Clickable link address Single scalar value
hrefAspect Aspect of the href element Single scalar value
hrefTarget Targeting behavior of the href element Single scalar value
hrefBackground Href’s custom background color Single scalar value
hrefBorder Href’s custom border color Single scalar value
hrefText Href’s custom text color Single scalar value

Table

Created by show table.

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
downloadFileName Name of downloaded file Single scalar value
paginateStrategy Paginate strategy Single scalar value
tileZoom Allow tile zoom Single scalar value
tileTooltip Tile tooltip Single scalar value
tileTooltipText Tile tooltip text Single scalar value
lockColumns Lock columns Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value

table > column

An individual column

Uses StyleCode associated with the Envision column.

Property Description Kind
as Column/series name Single scalar value
columnReadOnly Make column non-editable Single scalar value
columnDisplay Show or hide column Single scalar value
columnWidth Relative column width Single scalar value
columnWidthEditable Relative column width for editable Single scalar value
columnWidthFit Data example to be displayed entirely Single scalar value
columnWidthFitBold Boldness of the ColumnWidthFit example Single scalar value
columnWidthFitItalic Italic emphasis for ColumnWidthFit example Single scalar value
columnWidthFitUnit format’s unit of the ColumnWidthFit example Single scalar value
columnTooltip Column tooltip text Single scalar value
columnTooltipText Column tooltip Single scalar value
tooltipColor Tooltip icon’s main color Single scalar value
tooltipSecondaryColor Tooltip icon’s secondary color Single scalar value
downloadColumn Column’s presence in downloaded file Single scalar value
downloadColumnName Name of downloaded column Single scalar value

table > column > append

The Appended cell

Property Description Kind
columnAppend Insert cell at bottom of column Single scalar value
textAlign Horizontal text alignment Single scalar value
textBold Bold emphasis Single scalar value
textItalic Italic emphasis Single scalar value
cellBackground Table cell background Single scalar value
textColor Text color Single scalar value

table > column > header

The Column Header

Property Description Kind
textAlign Horizontal text alignment Single scalar value
textBold Bold emphasis Single scalar value
textItalic Italic emphasis Single scalar value
headerBackground Table header background Single scalar value
headerTextColor Header Text color Single scalar value

table > column > prepend

The Prepended Cell

Property Description Kind
columnPrepend Insert cell at top of column Single scalar value
textAlign Horizontal text alignment Single scalar value
textBold Bold emphasis Single scalar value
textItalic Italic emphasis Single scalar value
cellBackground Table cell background Single scalar value
textColor Text color Single scalar value

table > column > value

A cell in the column

Property Description Kind
href Clickable link address Accepts data-sized vector with #[�]
hrefAspect Aspect of the href element Accepts data-sized vector with #[�]
hrefTarget Targeting behavior of the href element Accepts data-sized vector with #[�]
hrefBackground Href’s custom background color Accepts data-sized vector with #[�]
hrefBorder Href’s custom border color Accepts data-sized vector with #[�]
hrefText Href’s custom text color Accepts data-sized vector with #[�]
textAlign Horizontal text alignment Accepts data-sized vector with #[�]
textBold Bold emphasis Accepts data-sized vector with #[�]
textItalic Italic emphasis Accepts data-sized vector with #[�]
cellBackground Table cell background Accepts data-sized vector with #[�]
textColor Text color Accepts data-sized vector with #[�]
cellTooltip Cell tooltip Accepts data-sized vector with #[�]
tooltipColor Tooltip icon’s main color Accepts data-sized vector with #[�]
tooltipSecondaryColor Tooltip icon’s secondary color Accepts data-sized vector with #[�]
unit Number unit Accepts data-sized vector with #[�]
dateFormat Date format Single scalar value
monthFormat Month format Single scalar value
weekFormat Week format Single scalar value
booleans boolean text displays Single scalar value

Tabstrip

Created by show tabstrip

Property Description Kind
tileTitle Tile title Single scalar value
tileColor Tile accent color Single scalar value
tabsVariant Tab variant Single scalar value
size Size Single scalar value

tabstrip > tab

An individual tab in the tabstrip

Uses StyleCode associated with the Envision column.

Property Description Kind
as Column/series name Single scalar value
User Contributed Notes
0 notes + add a note