Versions Compared

Key

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

...

  1. 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.
  2. Dieses Dashboard nun starten. (Beispielsweise in IE11Chrome, wie unten zu sehen)
  3. Im Browser die Taste "f12F12" drücken. Ein Fenster erscheint am unteren rechten Rand des Fensters.
  4. Den Reiter DOM Explorer wählen (in anderen Browsern auch "Inspector" genannt)
  5. Auf das im Bild mit rotem Pfeil markierte Symbol klicken. 
  6. 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.

...

  1. im rechten Fenster können die Klassen und Eigenschaften des entsprechenden Elements abgelesen werden (gelb markiert).
  2. Ü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)



Image Added

        Image Added

Verwandte Artikel

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

...