Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Wenn Komponenten im Zeichenbereich unterschiedlich gestaltet werden sollen

Schritt-für-Schritt-Anleitung

...

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" Datei bearbeiten.In dieser Datei, kann der Klassenname mit ".klassennameproperty.
  3. Using the already defined class name you can select your component with ".<class name>{ }" angesprochen werden.Der Inhalt der geschweiften Klammern beschreibt die Eigenschaften der mit dieser Klasse versehenden Komponente.

Beispiel:

...

  1. .
  2. The content of the curly braces describes the applied css properties and their values.

example:

.className {

     fill: #FF0000;

     stroke: #FF0000;

 }

...

Filter by label (Content by label)
showLabelsfalse
max5
spacesKUNDEN
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("css","styling","design") and type = "page" and space = "KUNDEN"
labelsCSS styling design

Page Properties
hiddentrue
 
Related issues