Applying CSS Styling on the Component

This article shows how to apply a CSS Style on a component of your Design Studio application. 

Step-by-Step-Guide

1. Define a CSS class name for your component in the properties sheet in the group "Display" under "CSS class".
2. Click on the background of your applications' canvas and edit its "custom.css" property.
3. Using the already defined class name you can select your component with ".<class name>{ }".
4. The content of the curly braces describes the applied css properties and their values.
   
   

example:

.className {

     fill: #FF0000;

     stroke: #FF0000;

 }

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