Extension CSS APIs
The CSS customization API provides predefined CSS classes that can be used to customize the appearance of dashboards and visuals.
Best practice guidelines for CSS customizations:
- Always use a custom selector at the beginning of every rule.
- You can use any class name.
- You can use native DOM element selections.
- Avoid using
!importantto override existing rules.
| Class | Description |
|---|---|
arc-dashboard-title-container |
Container for the title of the dashboard. |
arc-dashboard-title |
The title of the dashboard. |
arc-dashboard-subtitle-container |
Container for the subtitle of the dashboard. |
arc-dashboard-subtitle |
The subtitle of the dashboard. |
arc-app-container |
Container class for dashboards. One exists on the page when rendering the dashboard. |
arc-viz-container |
Container class for visuals. One exists on the page for each visual. |
arc-viz-type-visualtype |
Container class for a specific visual type. For example, tables have an
arc-viz-type-table class. |
arc-viz-title-container |
Container class for a div that surrounds the title of
the visual. Commonly used to center the title within this container. |
arc-viz-subtitle-container |
Container class for a div that surrounds the subtitle
of the visual. Commonly used to center the subtitle within this
container. |
arc-viz-title |
Class applied to the title of the visual. |
arc-viz-subtitle |
Class applied to the subtitle of the visual. |
arc-viz-axis |
Class applied to the axis of the visual. |
arc-viz-legend |
Class applied to the color or mark legend of the visual. |
arc-viz-axis-label |
Class applied to the axis label of the visual. |
