Identifying a component's CSS Class

Owned by Tomke Reibisch (Unlicensed)
Last updated: Nov 15, 2016 by Tim Schauder

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.