Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
software:dashboard:configure_theme [2014/07/22 14:55] max.neumaier |
software:dashboard:configure_theme [2014/07/23 08:55] max.neumaier |
||
---|---|---|---|
Zeile 3: | Zeile 3: | ||
Das Dashboard kann optisch in der theme.css Datei angepasst werden. Diese ist auf dem Server im Dashboard-Ordner gespeichert.\\ | Das Dashboard kann optisch in der theme.css Datei angepasst werden. Diese ist auf dem Server im Dashboard-Ordner gespeichert.\\ | ||
Grafiken, wie z.B. das Firmenlogo sind unter dashboard/img hinterlegt.\\ | Grafiken, wie z.B. das Firmenlogo sind unter dashboard/img hinterlegt.\\ | ||
- | \\ | + | |
Es können jederzeit weitere Attribute zu den CSS-Anweisungen hinzugefügt werden. | Es können jederzeit weitere Attribute zu den CSS-Anweisungen hinzugefügt werden. | ||
- | ---- | + | |
===Login=== | ===Login=== | ||
Zeile 183: | Zeile 183: | ||
border-radius: 10px; | border-radius: 10px; | ||
margin-right: 5px; | margin-right: 5px; | ||
+ | } | ||
+ | </code> | ||
+ | ===Tabellen Widget=== | ||
+ | ==Farbe der Tabellenzeilen bei überfahren== | ||
+ | Sollen die Zeilen der Tabelle eine andere Farben erhalten sobald mit der Maus über diese gefahren wird, so kann dieser Selektor benutzt werden um dies zu beeinflussen: | ||
+ | <code css> | ||
+ | .loom-widget-body tr:hover{ | ||
+ | background: green; | ||
} | } | ||
</code> | </code> | ||
+ | |||
+ | {{ :software:dashboard:table_hover.png }} | ||
+ | |||
+ | |||
+ | ==Zeilenfarbe bei Markieren== | ||
+ | |||
+ | Der Befehl um die Zeilenfarbe zu ändern, sobald eine Zeile angeklickt und damit ausgewählt wurde, lautet wie folgt: | ||
+ | |||
+ | |||
+ | <code css> | ||
+ | .GK40RFKDEE { | ||
+ | background:red !important; | ||
+ | } | ||
+ | |||
+ | </code> | ||
+ | |||
+ | {{ software:dashboard:table_line_click.png }} | ||
===Dashboards Navigation=== | ===Dashboards Navigation=== | ||
Zeile 229: | Zeile 254: | ||
+ | ==Konfigurations Container== | ||
Hier kann der Hintergrund, der Rahmen sowie die Position des Containers geändert werden in welchem sich die verschiedenen Dashboards zur Konfiguration befinden.\\ | Hier kann der Hintergrund, der Rahmen sowie die Position des Containers geändert werden in welchem sich die verschiedenen Dashboards zur Konfiguration befinden.\\ | ||
<code css> | <code css> | ||
Zeile 243: | Zeile 268: | ||
</code>\\ | </code>\\ | ||
+ | ==Mein Dashboard== | ||
Hier kann die Formatierung des Schriftzugs "Meine Dashboards" geändert werden.\\ | Hier kann die Formatierung des Schriftzugs "Meine Dashboards" geändert werden.\\ | ||
<code css> | <code css> | ||
Zeile 254: | Zeile 279: | ||
</code>\\ | </code>\\ | ||
- | ===Tabellen Widget=== | ||
- | ==Farbe der Tabellenzeilen bei überfahren== | ||
- | Sollen die Zeilen der Tabelle eine andere Farben erhalten sobald mit der Maus über diese gefahren wird, so kann dieser Selektor benutzt werden um dies zu beeinflussen: | ||
- | <code css> | ||
- | .GK40RFKDKD:hover,.GK40RFKDKE:hover{ | ||
- | background: green; | ||
- | } | ||
- | </code> | ||
- | |||
- | {{ :software:dashboard:table_hover.png }} | ||
- | |||
- | ==Farben der verschiedenen Zeilenfarben== | ||
- | |||
- | Sollen die Zeilen, welche standardmäßig alternierend gefärbt sind, mit anderen Farben angepasst werden so müssen diese beiden Befehle eingefügt werden: | ||
- | |||
- | <code css> | ||
- | .GK40RFKDKD{ | ||
- | background: green; | ||
- | } | ||
- | .GK40RFKDKE{ | ||
- | background: red; | ||
- | } | ||
- | |||
- | |||
- | </code> | ||
- | {{ software:dashboard:table_line_color.png }} | ||
- | |||
- | ==Zeilenfarbe bei Markieren== | ||
- | |||
- | Der Befehl um die Zeilenfarbe zu ändern, sobald eine Zeile angeklickt und damit ausgewählt wurde, lautet wie folgt: | ||
- | |||
- | |||
- | <code css> | ||
- | .GK40RFKDEE{ | ||
- | background:red; | ||
- | } | ||
- | |||
- | </code> | ||
- | |||
- | {{ software:dashboard:table_line_click.png }} | ||