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