/
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
- Define a CSS class name for your component in the properties sheet in the group "Display" under "CSS class".
- Click on the background of your applications' canvas and edit its "custom.css" property.
- Using the already defined class name you can select your component with ".<class name>{ }".
- The content of the curly braces describes the applied css properties and their values.
example:
.className {
fill: #FF0000;
stroke: #FF0000;
}
Related Articles
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
Appearance Tab
Appearance Tab
More like this
CSS Selectors
CSS Selectors
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