CSS Dashboard Regions

The table below lists the Dashboard component regions that can be independently formatted, and the corresponding CSS “type” selectors. To format parts of a table (other than title bar) using CSS, see CSS Table Style.

To specify a Dashboard background, provide a format for the Viewsheet component. For example:

Viewsheet {
  background-color: blue;
}

This property can be used to coordinate the Dashboard background color with the color of the application in which the Dashboard has been integrated. If background-color is specified, as above, it will determine the background color of the Dashboard. If it is not specified, the Dashboard background color is inherited from the global default * type (see below). If neither the Viewsheet nor global default * type define a background color, the Dashboard background defaults to white.
Component Region CSS Type Selector

Global Default

None

* (see CSS Global Default)

Dashboard

Dashboard background

Viewsheet (see above)

Table

Table component

Table

Table title bar

TableTitle

Table column header

See CSS Table Style.

Table body cells

See CSS Table Style.

Crosstab

Crosstab component

Crosstab

Crosstab title bar

CrosstabTitle

Crosstab column headers

See CSS Table Style.

Crosstab row headers

See CSS Table Style.

Crosstab summary cells

See CSS Table Style.

Freehand Table

Freehand Table component

FreehandTable

Freehand Table title bar

FreehandTableTitle

Freehand Table column headers

See CSS Table Style.

Freehand Table row headers

See CSS Table Style.

Freehand Table summary cells

See CSS Table Style.

Chart

Chart component

Chart

Chart component of specified type

Chart[type={Type}], e.g., Chart[type=Donut]. Available chart types: VBar, HBar, Line, Area, Point, Pie, Donut, Radar, Stock, Candle, BoxPlot, Waterfall, Pareto, Map, Treemap, Sunburst, CirclePacking, Icicle, Marimekko, Heatmap, Scatter, CircularNetwork, Funnel, Gantt, Network, JumpLine, StepLine, StepArea, Tree, ScatterContour, ContourMap, Multi.

Chart color for brushed elements

Chart.brush-highlight-color

Chart color for un-brushed elements

Chart.brush-dim-colorChart

axis titles

ChartAxisTitle[axis=x], ChartAxisTitle[axis=y], ChartAxisTitle[axis=x2], ChartAxisTitle[axis=y2]

Chart axis labels

ChartAxisLabels[axis=x], ChartAxisLabels[axis=y], ChartAxisLabels[axis=x2], ChartAxisLabels[axis=y2]

Chart labels generated by ‘Show values’ and ‘Text’ visual binding

ChartPlotLabels

Chart plot lines

ChartPlot

Chart legend border (color and style)

ChartLegend

Chart legend title

ChartLegendTitle

Chart legend content

ChartLegendContent

Chart target line labels, for target line index n (starting from 0)

ChartTargetLabels[index='n']

Chart pallet color, for color index

ChartPalette[index='n']

Chart global title

ChartTitleChart

axis lines

ChartAxisLine

Chart plot lines

ChartPlotLine[type=x], ChartPlotLine[type=y], ChartPlotLine[type=diagonal], ChartPlotLine[type=quadrant]

Static size for ‘Size’ binding in Chart Editor

ChartSizeFrame

Selection List

Selection List component

SelectionList

Selection List title bar

SelectionListTitle

Selection List body cells

SelectionListCell

Selection Tree

Selection Tree component

SelectionTree

Selection Tree title bar

SelectionTreeTitle

Selection Tree nth-level body cells (levels are independent)

SelectionTreeCell[level='n'], indexed from 0

Selection Tree measure text for nth-level body cells (levels are independent)

MeasureText[level='n'], indexed from 0

Selection Tree positive measure bar for nth-level body cells (levels are independent)

MeasureBar[level='n'], indexed from 0

Selection Tree negative measure bar for nth-level body cells (levels are independent)

MeasureNBar[level='n'], indexed from 0

Range Slider

Range Slider component

RangeSlider

Selection Container

Selection Container component

SelectionContainer

Title bar

SelectionContainerTitle

Tabbed Interface

Inactive tab

Tab

Active tab

Tab[active=true]

Calendar

Calendar component

Calendar

Calendar title bar

CalendarTitle

Calendar year/month header

CalendarHeader

Calendar month labels

CalendarMonths

Calendar day labels

CalendarDays

Gauge

Gauge component

Gauge

Gauge tick labels

GaugeTickLabel

Gauge value label

GaugeValueLabel

Gauge value fill

GaugeValueFill

Text

Text component

Text

Image

Image component

Image

CheckBox

CheckBox component

CheckBox

CheckBox title bar

CheckBoxTitle

CheckBox body cells

CheckBoxCell

RadioButton

RadioButton component

RadioButton

RadioButton title bar

RadioButtonTitle

RadioButton body cells

RadioButtonCell

Slider

Slider component

Slider

Spinner

Spinner component

Spinner

ComboBox

ComboBox component

ComboBox

TextInput

TextInput component

TextInput

Submit

Submit component

Submit

Upload

Upload component

Upload

Line

Line component

Line

Rectangle

Rectangle component

Rectangle

Oval

Oval component

Oval