/
Identifying a component's CSS Class

Identifying a component's CSS Class

Knowing the CSS class of a component's elements enables you to style them in your "custom.css". This article describes how to identify their CSS classes.

Step-by-Step-Guide

  1. Create a Dashboard within Design Studio and add a component to your application's canvas.
  2. Run the dashboard in your browser (e.g. IE11)
  3. Press the Key f12 in your browser. A window appears at the bottom.
  4. Select the tab DOM Explorer (may be called "Inspector" in other browsers)
  5. Click on the small icon marked in the screenshot below. 
  6. Now you can select an element in your browser by clicking on it. The window at the bottom then shows detailed information about that element, containing its CSS classes and other attributes.

Related content

Applying CSS Styling on the Component
Applying CSS Styling on the Component
More like this
CSS-Styles auf eine Komponente anwenden
CSS-Styles auf eine Komponente anwenden
More like this
Using a Custom CSS File
Using a Custom CSS File
More like this
CSS-Klasse einer Komponente identifizieren
CSS-Klasse einer Komponente identifizieren
More like this