Cloudera Docs

Extension CSS APIs

Best practice guidelines for CSS customizations:

  • Always use a custom selector at the beginning of every rule.
  • Can use any class name.
  • Can use native DOM element selections.
  • Avoid using !important to override existing rules.
Table 1. CSS Classes
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.