/
CSS-Klasse einer Komponente identifizieren
CSS-Klasse einer Komponente identifizieren
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, in diesem Beispiel eine Tabelle.
- Dieses Dashboard nun starten. (Beispielsweise in Chrome, wie unten zu sehen)
- Im Browser die Taste "F12" drücken. Ein Fenster erscheint am rechten Rand.
- Auf das im Bild mit rotem Pfeil markierte Symbol klicken.
- Danach kann ein Element des Dashboards im Browser ausgewählt werden und im rechten Fenster können die Klassen und Eigenschaften des entsprechenden Elements abgelesen werden (gelb markiert).
- Über die Klasse kann man dieses Element nun im custom.css ansprechen (um die komplette Tabellenzeile anzusprechen würde sich z.b. der Selektor .georgia empfehlen)
Verwandte Artikel
Related content
de Einleitung (comments)
de Einleitung (comments)
More like this
de Quickstart (M365)
de Quickstart (M365)
More like this
de GPS Tab3 Bubble Elements (bubbles)
de GPS Tab3 Bubble Elements (bubbles)
More like this
de GPS Tab2 Labels (matrix) SAC
de GPS Tab2 Labels (matrix) SAC
More like this
de GPS Tab2 Labels (matrix)
de GPS Tab2 Labels (matrix)
More like this
de Known Issues (PBI)
de Known Issues (PBI)
More like this