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 Articles

• Page:
  Line color/ style (linechart)
• Page:
  Modifying the Height of Column Header Bars
• Page:
  Changing the "Hand Symbol" Cursor on Hover
• Page:
  Identifying a component's CSS Class
• Page:
  Hiding a Series' Element Labels