Um das Aussehen von graphomate Komponenten per CSS anzupassen, muss man die CSS-Klasse der entsprechenden Elemente kennen. Diese Anleitung zeigt, wie man mithilfe eines modernen Browsers CSS-Klassen der HTML-Elemente ermittelt.
Schritt-für-Schritt-Anleitung
- Ein Dashboard mit Design Studio erstellen und eine Komponente auf dem Canvas platzieren, welche das zu stylende Element enthält
- Dieses Dashboard nun starten. (Beispielsweise in IE11)
- Im Browser die Taste "f12" drücken. Ein Fenster erscheint am unteren Rand des Fensters.
- Den Reiter DOM Explorer wählen (in anderen Browsern auch "Inspector" genannt)
- Auf das im Bild markierte Symbol klicken.
- Danach kann ein Element des Dashboards im Browser ausgewählt werden und in dem Fenster am unteren Bildschirmrand werden die dazugehörigen Klassen und weitere Attribute angezeigt.
Verwandte Artikel