In this article
Different views style cell content, e.g., CamelCSS, Icon, Link, Metric. Each has specific settings such as background color and font size.
A view defines the style of cell content through a set of properties. Views can contain formatters, refer to the sections on Formatters in CDL and Formatters in the User Interface for more information.
CamelCSS
This is a pre-set type of view that enables you to style an item or text in a tile with cascading style sheets (CSS) using "camelCase." Camel case refers to the method of writing compound words where each word or abbreviation in the middle of the phrase starts with a capital letter, for instance, camelCase.
Comments
This type of view is used to set up the display of open-text responses. You can modify and enhance the default view settings, such as the number of response text lines to be displayed. By default, this value is set at 3, but you can change it in this view.
Icon
This is a type of view used to display an icon.
| Property | Purpose | Data Type | Example/Default Value |
|---|---|---|---|
size: |
Defines the size. |
string |
small / middle / large |
roundCorners: |
Defines whether the widget has round or square corners. |
boolean |
Icon Text
This is a type of view used to display an icon with text.
| Property | Purpose | Data Type | Example/Default Value |
|---|---|---|---|
size: |
Defines the size. |
string |
small / middle / large |
roundCorners: |
Defines whether the widget has round or square corners. |
boolean |
Link
This is a preset view configuration used to display a navigation link.
| Property | Purpose | Data Type | Example/Default Value |
|---|---|---|---|
label |
Defines the label |
string |
small / middle / large |
newTab: |
Defines whether the item navigated to will be opened as a new tab. |
boolean |
Metric
This is a type of view used to display a metric.
| Property | Purpose | Data Type | Example/Default Value |
|---|---|---|---|
backgroundColorFormatter: |
Defines the background color |
id or string |
|
valueColorFormatter: |
Defines the value color |
id or string |
|
chartColorFormatter: |
Defines the chart area color |
id or string |
|
fontSize: |
Defines the font size |
string |
small / middle / large |
roundCorners |
Defines whether the widget has round or square corners |
boolean |
|
showThermometer |
Defines whether the thermometer bar is displayed or hidden |
boolean |
For details of the properties and settings, refer to view in the CDL Reference Guide.
Metric With Changes
This type of view displays a metric along with an arrow or flat indicator indicating the related value change or lack thereof.
| Property | Purpose | Data Type | Example/Default Value |
|---|---|---|---|
backgroundColorFormatter: |
Defines the background color |
id or string |
|
valueColorFormatter: |
Defines the value color |
id or string |
|
chartColorFormatter: |
Defines the chart area color |
id or string |
|
fontSize: |
Defines the font size |
string |
small / middle / large |
roundCorners |
Defines whether the widget has round or square corners |
boolean |
|
showThermometer |
Defines whether the thermometer bar is displayed or hidden |
boolean |
For details of the properties and settings, refer to view in the CDL Reference Guide.