Theme Editor
Once a theme is opened in the editor, admins can change the settings for its various components. This includes:
- General - Sets the standard font and color palette to be used throughout the theme.
- Grid - Sets the look and feel for grid visuals; determining the appearance of its columns, rows, and data cells.
- Visuals - Governs the look and feel for all other visuals, covering titles, axes, grid lines, legends, and range colors.
- Text - Governs the look and feel for text elements in the app. Text elements are text boxes added in Present, Publish, and Illustrate. These settings also include the panel text designs in the Present app.
- Masters - Governs the main design ("masters") for Present dashboards and Publish report templates.
Style Inheritance
Choosing the inheritance option for settings (where available), applies the parent settings. This makes it easier to create consistent styles that cascade through the style template from the top to the bottom. Inherited settings flow from the general element from each section. And the general element from each section cascades from the of the theme.
Custom Fonts
Admins can import custom fonts into the platform, to be used in theme templates and for user to change the way text appears throughout the application.
Theme Setting Guide
General
Item |
Description |
Font |
Set the theme default font type. |
Font Size |
Set the default font size. |
Font Style |
Set the default font style. |
Font Weight |
Set the default font weight (bold, normal). |
Font Color |
Set the default font color. |
Background Color |
Set the default canvas color. |
Line Color |
Set the default line or stroke color. |
Report Colors |
Set the default colors for data in the visualizations, in the desired order. For instance, in a bar chart, Report Color #1 corresponds to the first bar, Report Color #2 corresponds to the second bar, and so on. In a grid, Report Color #1 corresponds to the grid column headers, while Report Color #2 will serve as the default color for grid row headers. |
Grid
Item |
Description |
General |
Set the font type, size, style, weight, and color, as well as the canvas color. To use the preference that were set under General (above), select 'inherit.' |
Columns |
Sets styling of the column layer in a matrix or tabular grid. (green arrows below) |
Column Header |
Sets styling of the column headers in a matrix grid. (purple arrow below) |
Rows |
Sets styling of the row layer in a matrix or tabular grid. (yellow arrow below) |
Row Header |
Sets styling of the row headers in a matrix grid. (blue arrow below) |
Data |
Font, padding, alignment, and background color preferences for cells in a matrix grid (red arrow below) |
Border |
Width and color of the cell lines of the grid. (black arrow below) |
Color Mapping |
Sets the mechanism for how to automatically apply the general colors to the columns and rows of a matrix grid. With independent settings for the colors of a tabular grid. |
Visuals
Item |
Description |
General |
Set the font type, size, style, weight, and color, as well as the canvas color. To use the preferences that were set under General (above), select 'inherit.' |
Report Title |
Font preferences for the report title. (black arrow below) |
Multi Chart Title |
Font and alignment preferences for trellis chart titles. (red arrows below) |
Legend |
Font, position, and line preferences for legends and legend titles. |
X-Trellis Axis |
Font preferences for the x-trellis axis in multi charts. (teal arrow below) |
X-Axis |
Font and line preferences for the x-axis for a given chart (purple arrow below) |
X-Axis Title |
Font and line preferences for the x-axis title. (fuchsia arrow below) |
Y-Trellis Axis |
Font preferences for the y-trellis axis in multi charts. (blue arrow below) |
Y-Axis |
Font and line preferences for the y-axis for a given chart (green arrow below) |
Y-Axis Title |
Font and line preferences for the y-axis title. (yellow arrow below) |
Data Labels |
Font and background preferences for data labels. (light green arrow below) |
Plot Area |
Set the background color for the plotting area, as well as the line width and color. (gray arrow below) |
Cartesian Style |
Set the opacity setting. (0= transparent, 1=opaque) |
X-Grid Lines |
Set the line color and width for x-axis grid lines (vertical) (orange arrow below) |
Y-Grid Lines |
Set the line color and width for y-axis grid lines (horizontal) (light blue arrow below) |
Data Points |
Set the default outline thickness for data points (for line, area, point, scatter and bubble) |
KPI/ Gauges |
Sets the default color bands for conditional formatting, KPI's, gauges and continuous legends. Designers can set 4 sets of bands: 2,3,4 and 5 band color sets. The "target" and "Actual" colors are used for bullets Gauges. |
KPI/ gauge range colors can be seen below:
Slicers
Item |
Description |
General |
Set the default slicer style, and border color, opacity, and width (black arrow below). |
Title |
Set the default font preferences for slicer titles (red highlight below). |
Items |
Set the default font preferences for slicer elements (green arrows below). |
Text
Item |
Description |
General |
Set the font type, size, style, weight, and color for the MAIN text style. |
Heading 1 |
Font preferences for the main header style. |
Heading 2 |
Font preferences for the secondary header style. |
Heading 3 |
Font preferences for the tertiary header style. |
Heading 4 |
Font preferences for the last header style. |
Panel Heading |
Font preferences for the Panel header in Present and Publish (red arrow below) |
Panel Breadcrumbs |
Font preferences for the Panel breadcrumbs in Present and Publish (green arrow below) |
Master Pages in Themes
Each theme can include full page designs for Present dashboards and Publish reports using master pages. Existing master pages can be attached to a given theme, which will then become the default master page design deployed when that theme is used. For more, click here.