Plugin installed incorrectly. Rename plugin directory 'swiftmail.backup' to 'swiftmail'.
software:dashboard:configure_theme
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung Nächste Überarbeitung Beide Seiten der Revision | ||
|
software:dashboard:configure_theme [2014/06/27 09:49] martin.oehm |
software:dashboard:configure_theme [2014/06/27 10:37] martin.oehm |
||
|---|---|---|---|
| Zeile 60: | Zeile 60: | ||
| Im Beispielscreenshot wurde das Attribut background-color angepasst.\\ | Im Beispielscreenshot wurde das Attribut background-color angepasst.\\ | ||
| {{:software:dashboard:dashboard_background.png?nolink&800|}}\\ | {{:software:dashboard:dashboard_background.png?nolink&800|}}\\ | ||
| + | \\ | ||
| + | Container in welchem Dashboardauswahl sowie die einzelnen Widgets hinterlegt sind (grauer Bereich auf obrigem Beispiel). Hier kann die Hintergrundfarbe sowie die Position angepasst werden: | ||
| <code> | <code> | ||
| .main-panel { | .main-panel { | ||
| Zeile 69: | Zeile 70: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Container in welchem Dashboardauswahl sowie die einzelnen Widgets hinterlegt sind (grauer Bereich auf obrigem Beispiel). Hier kann die Hintergrundfarbe sowie die Position angepasst werden. | ||
| __**Navigationsleiste:**__ \\ | __**Navigationsleiste:**__ \\ | ||
| Zeile 75: | Zeile 75: | ||
| {{:software:dashboard:dashboard_navigation.png?nolink&800|}}\\ | {{:software:dashboard:dashboard_navigation.png?nolink&800|}}\\ | ||
| - | Die Navigationsleiste oberhalb kann mit folgenden Anweisungen angepasst werden:\\ | + | Schriftfarbe sowie Schriftgewicht der Menüpunkte "Dashboards", "Layout" und "Widgets hinzufügen".\\ |
| <code> | <code> | ||
| .main-menu-bar { | .main-menu-bar { | ||
| Zeile 82: | Zeile 82: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Schriftfarbe sowie Schriftgewicht der Menüpunkte "Dashboards", "Layout" und "Widgets hinzufügen".\\ | ||
| + | Schrift- und Hintergrundfarbe der einzelnen Punkte beim Überfahren mit der Maus.\\ | ||
| <code> | <code> | ||
| .main-menu-bar .gwt-MenuItem-selected { | .main-menu-bar .gwt-MenuItem-selected { | ||
| Zeile 90: | Zeile 90: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Schrift- und Hintergrundfarbe der einzelnen Punkte beim Überfahren mit der Maus.\\ | ||
| + | Rahmen, Hintergrundfarbe sowie Position der kompletten Navigationsleiste.\\ | ||
| <code> | <code> | ||
| .menu-panel { | .menu-panel { | ||
| Zeile 103: | Zeile 103: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Rahmen, Hintergrundfarbe sowie Position der kompletten Navigationsleiste.\\ | ||
| __**Header:**__ \\ | __**Header:**__ \\ | ||
| + | {{:software:dashboard:dashboard_logo.png?nolink&300|}}\\ | ||
| Das Logo sowie dessen Position kann hier hier angepasst werden:\\ | Das Logo sowie dessen Position kann hier hier angepasst werden:\\ | ||
| Zeile 122: | Zeile 122: | ||
| </code>\\ | </code>\\ | ||
| - | {{:software:dashboard:dashboard_logo.png?nolink&300|}}\\ | + | |
| Die Position des Logoutbuttons, des angemeldeten Benutzers sowie der Sprache kann hier angepasst werden:\\ | Die Position des Logoutbuttons, des angemeldeten Benutzers sowie der Sprache kann hier angepasst werden:\\ | ||
| Zeile 138: | Zeile 138: | ||
| {{:software:dashboard:dasboard_widget_header.png?nolink&300|}} | {{:software:dashboard:dasboard_widget_header.png?nolink&300|}} | ||
| - | Die Header der Widgets sowie deren Beschriftung kann hier angepasst werden:\\ | + | Hier kann die Schriftfarbe, Schriftart, Schriftgröße sowie -gewicht der Kopfzeile des Headers angepasst werden.\\ |
| <code> | <code> | ||
| .loom-widget-header { | .loom-widget-header { | ||
| Zeile 151: | Zeile 150: | ||
| }</code>\\ | }</code>\\ | ||
| - | Hier kann die Schriftfarbe, Schriftart, Schriftgröße sowie -gewicht der Kopfzeile angepasst werden.\\ | + | Die Hintergrundfarbe sowie die Höhe des Headers kann hier geändert werden.\\ |
| <code> | <code> | ||
| .loom-widget-header-panel { | .loom-widget-header-panel { | ||
| Zeile 159: | Zeile 157: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Die Hintergrundfarbe sowie die Höhe der Kopfzeile kann hier geändert werden.\\ | ||
| - | Zusätzlich zum Header kann auch das Widget noch angepasst werden: | + | Hier kann die Hintergrundfarbe sowie der Rahmen der Widgets geändert werden.\\ |
| <code> | <code> | ||
| .loom-widget { | .loom-widget { | ||
| Zeile 169: | Zeile 166: | ||
| width: 100%; | width: 100%; | ||
| }</code>\\ | }</code>\\ | ||
| - | Hier kann die Hintergrundfarbe sowie der Rahmen der Widgets geändert werden.\\ | ||
| Zusätzlich kann hier der Bereich angepasst werden, in welchem sich alle Widgets befinden (Hingergrundfarbe, Rahmen sowie Position).\\ | Zusätzlich kann hier der Bereich angepasst werden, in welchem sich alle Widgets befinden (Hingergrundfarbe, Rahmen sowie Position).\\ | ||
| Zeile 186: | Zeile 182: | ||
| {{:software:dashboard:dashboard_dashboards_tabs.png?nolink&300|}}\\ | {{:software:dashboard:dashboard_dashboards_tabs.png?nolink&300|}}\\ | ||
| - | Hier wird unterschieden ob ein Tab ausgewählt ist, nicht ausgewählt ist, oder ob man den Mauszeiger darauf hat. \\ | ||
| + | Hier wird die Hintergrundfarbe, die Schriftfarbe, sowie die Position der nicht angewählten Dashboards bestimmt.\\ | ||
| <code> | <code> | ||
| .tab { | .tab { | ||
| Zeile 198: | Zeile 194: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Hier wird die Hintergrundfarbe, die Schriftfarbe, sowie die Position der nicht angewählten Dashboards bestimmt.\\ | ||
| + | Hier wird die Hintergrundfarbe, die Schriftfarbe, sowie die Position des ausgewählten Dashboards bestimmt.\\ | ||
| <code> | <code> | ||
| .selected-tab { | .selected-tab { | ||
| Zeile 210: | Zeile 206: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Hier wird die Hintergrundfarbe, die Schriftfarbe, sowie die Position des ausgewählten Dashboards bestimmt.\\ | ||
| + | Hier kann die Hintergrundfarbe beim Mouseover bestimmt werden.\\ | ||
| <code> | <code> | ||
| .tab:hover { | .tab:hover { | ||
| Zeile 217: | Zeile 213: | ||
| } | } | ||
| </code>\\ | </code>\\ | ||
| - | Hier kann die Hintergrundfarbe beim Mouseover bestimmt werden.\\ | + | |
| __**Dashboards Settings:**__ \\ | __**Dashboards Settings:**__ \\ | ||
software/dashboard/configure_theme.txt · Zuletzt geändert: 2021/07/01 09:52 (Externe Bearbeitung)
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: 2013 T!M Solutions GmbH
