/
Applying CSS Styling on the Component

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 content

Identifying a component's CSS Class
Identifying a component's CSS Class
More like this
Using a Custom CSS File
Using a Custom CSS File
More like this
CSS-Styles auf eine Komponente anwenden
CSS-Styles auf eine Komponente anwenden
More like this
Enabling a Highlighting of Cells on Hover
Enabling a Highlighting of Cells on Hover
More like this