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

Page:

Line color/ style (linechart)
Page:

Modifying the Height of Column Header Bars
Page:

Changing the "Hand Symbol" Cursor on Hover
Page:

Identifying a component's CSS Class
Page:

Hiding a Series' Element Labels

Browser not supported