WebApps:Tilesdesigner: Unterschied zwischen den Versionen

Aus CoPlanner 10
Zur Navigation springenZur Suche springen
StJ: Abschnitt Kachelgruppen anpassen ergänzt
StJ: Abschnitt Kacheln anpassen ergänzt
Zeile 59: Zeile 59:
|}
|}
===Kachelgruppen anpassen===
===Kachelgruppen anpassen===
Im folgenden Abschnitt werden die Anpassungsmöglichkeiten für Kachelgruppen beschrieben
Im folgenden Abschnitt werden die Anpassungsmöglichkeiten für Kachelgruppen beschrieben.
====Allgemeine Bedienhinweise für Kachelgruppen====
====Allgemeine Bedienhinweise für Kachelgruppen====
:* Kachelgruppen anordnen: Kachelgruppen können über das [[Image:Web TilesDesigner KachelgruppeVerschieben.png|border]] - Symbol oben rechts per Drag’n’Drop verschoben werden und horizontal beliebig nebeneinander angeordnet werden.
:* Kachelgruppen anordnen: Kachelgruppen können über das [[Image:Web TilesDesigner KachelgruppeVerschieben.png|border]] - Symbol oben rechts per Drag’n’Drop verschoben werden und horizontal beliebig nebeneinander angeordnet werden.
:* Kachelgruppen umbenennen: Zum Umbenennen/Vergeben eines Titels für die Kachelgruppe einfach in den Gruppenheader klicken.
:* Kachelgruppen umbenennen: Zum Umbenennen/Vergeben eines Titels für die Kachelgruppe einfach in den Gruppenheader klicken.
:* Lange Kachelgruppenheader erhalten im Ansichtsmodus einen automischen Zeilenumbruch
:* Lange Kachelgruppenheader erhalten im Ansichtsmodus einen automischen Zeilenumbruch
===Bedienung der Kachelgruppen im Detail===
====Bedienung der Kachelgruppen im Detail====
Über das Kontextmenü stehen die folgenden weiteren Optionen zur Anpassung der Kachelgruppen zu Verfügung. Das Kontextmenü kann entweder über einen Klick auf die rechte Maustaste im Gruppenheader oder einen Linksklick auf die drei Punkte oben rechts erreicht werden.<br />
Über das Kontextmenü stehen weitere Optionen zur Anpassung der Kachelgruppen zu Verfügung. Das Kontextmenü kann entweder über einen Klick auf die rechte Maustaste im Gruppenheader oder einen Linksklick auf die drei Punkte oben rechts erreicht werden.<br />
[[Image:Web TilesDesigner Kontexmenüaufruf.png|border]]
[[Image:Web TilesDesigner Kontexmenüaufruf.png|border]]


Zeile 89: Zeile 89:
::Hier kann die Hintergrund- und Schriftfarbe für Kacheln eingestellt werden, die in dieser Kachelgruppe neu angelegt werden
::Hier kann die Hintergrund- und Schriftfarbe für Kacheln eingestellt werden, die in dieser Kachelgruppe neu angelegt werden
:* ''Farben bestehender Kacheln ändern''
:* ''Farben bestehender Kacheln ändern''
::Hier kann die Hintergrund- und Schriftfarbe für alle bereits in dieser Gruppe vorhandenen Kacheln geändert werden. Bei Klick auf OK wird die jeweils eingestellte Farbe für alle Kacheln dieser Gruppe übernommen
::Hier kann die Hintergrund- und Schriftfarbe für alle bereits in dieser Gruppe vorhandenen Kacheln geändert werden. Bei Klick auf OK wird die jeweils eingestellte Farbe für alle Kacheln dieser Gruppe übernommen


Zeile 100: Zeile 101:
'''Löschen'''<br />
'''Löschen'''<br />
Diese Kachelgruppe löschen.
Diese Kachelgruppe löschen.
===Kacheln anpassen===
Im folgenden Abschnitt werden die Anpassungsmöglichkeiten für Kacheln beschrieben.
====Allgemeine Bedienhinweise für Kacheln====
:* Mehrfachselektion
:: Mehrfachselektion von Kacheln zum z. B. Verschieben mehrerer Kacheln gleichzeitig oder dem Verändern von Einstellungen für mehrere Kacheln auf einmal ist (wie aus anderen System gewohnt) möglich mit STRG + Mausklick für die Markierung von einem Element nach dem anderen oder SHIFT + Mausklick für die Markierung eines ganzen Bereiches an Elementen
:* Verschieben/Anordnen/Unterordnen von Kacheln
:: Kacheln können per Drag und Drop zwischen anderen Kacheln beliebig verschoben und in den meisten Fällen auch einander untergeordnet(verschachtelt) und wieder hervorgeholt werden
:* Parentkacheln sind reine Containerelemente
:: Bei Kacheln, die eine untergeordnete Kacheln besitzen ist eine möglicherweise auf die Parentkachel vergebene Navigationsaktion ohne Funktion. Sobald eine Kachel Subelemente besitzt, dient diese rein als Container für die anderen Elemente
:* Auf Kacheln werden zu lange Captions nicht umgebrochen, sondern sind über die MouseOver Aktion „Tooltip“ vollständig lesbar.
:* Es können maximal zwei Subebenen angelegt werden
====Bedienung der Kacheln im Detail====
Über das Kontextmenü stehen weitere Optionen zur Anpassung der Kacheln zu Verfügung. Das Kontextmenü kann entweder über einen Klick auf die rechte Maustaste auf der Kachel oder einen Linksklick auf die drei Punkte oben links auf der Kachel erreicht werden.<br />
[[Image:Web Tilesdesigner KachelKontextmenüpunkte.png|border|none]]
Das Kontextmenü enthält die folgenden Einträge:
[[Image:Web Tilesdesigner KachelKontextmenü.png|border|none]]

Version vom 5. April 2022, 13:23 Uhr

Verfügbar ab CoP 10 HF 3.1
Der Tilesdesigner stellt eine intuitives Tool zur Erstellung und Anpassung der Weboberfläche des CoPlanner Webclients dar und ermöglicht eine Gestaltung nach dem WYSIWYG Prinzip.

Systemvoraussetzungen

Die Voraussetzungen finden Sie hier.

Menü

Schaltfläche Aktion
Zurück zur letzten davor aufgerufenen Seite.
Öffnen/Schließen der Anzeigetexte des Menüs.
Ein-/Auschecken
Wechsel in den Ansichtsmodus
Zurücksetzen auf Status der letzten Speicherung
Speichert alle Änderungen
Löscht das ausgewählte Element
Neue Kachelgruppe hinzufügen
Neue Kachel in der ausgewählten Gruppe hinzufügen
Allgemeine Einstellungen

Bedienung

Allgemeine Bedienhinweise

  • Die Bearbeitung der Tiles ist nur im ausgecheckten Zustand möglich.
  • Die Bedienung des Designers erfolgt hauptsächlich per Drag und Drop und das Kontextmenü.
  • Nach der Bearbeitung müssen die Änderungen gespeichert werden und wieder eingecheckt werden

Neue Kachelgruppen und Kacheln anlegen

Voraussetzung: Es ist bereits ein Navigation Tiles Menü angelegt worden.
Wenn Sie ein komplett neues Menü erstellen wollen, muss dies zunächst in der Dimensionswartung für die Navigation Tiles erstellt werden. Wenn es angelegt wurde ist es zunächst leer und erscheint wie im folgenden Screenshot ersichtlich.



Klicken Sie oben links auf das Zahnrad, um in den Bearbeiten Modus zu wechseln und checken Sie die Seite anschließend aus. Nun können Sie über das Symbol "Neue Kachelgruppe hinzufügen" in der Seitenleiste die erste Kachelgruppe hinzufügen.

Hinweis  Die erste Kachelgruppe kann nicht über das Kontextmenü erstellt werden, sondern es muss das Seitenmenü zum Anlegen benutzt werden(siehe Liste der Buttons weiter oben in diesem Artikel). Wenn bereits Elemente oder Gruppen vorhanden sind, kann auch das Kontextmenü genutzt werden, um neue Kacheln oder Kachelgruppen anzulegen(siehe folgende Abschnitte).

Kachelgruppen anpassen

Im folgenden Abschnitt werden die Anpassungsmöglichkeiten für Kachelgruppen beschrieben.

Allgemeine Bedienhinweise für Kachelgruppen

  • Kachelgruppen anordnen: Kachelgruppen können über das - Symbol oben rechts per Drag’n’Drop verschoben werden und horizontal beliebig nebeneinander angeordnet werden.
  • Kachelgruppen umbenennen: Zum Umbenennen/Vergeben eines Titels für die Kachelgruppe einfach in den Gruppenheader klicken.
  • Lange Kachelgruppenheader erhalten im Ansichtsmodus einen automischen Zeilenumbruch

Bedienung der Kachelgruppen im Detail

Über das Kontextmenü stehen weitere Optionen zur Anpassung der Kachelgruppen zu Verfügung. Das Kontextmenü kann entweder über einen Klick auf die rechte Maustaste im Gruppenheader oder einen Linksklick auf die drei Punkte oben rechts erreicht werden.

Das Kontextmenü enthält die folgenden Einträge:

Spalten pro Gruppe
Hier kann eingestellt werden, wie breit die aktuelle Kachelgruppe sein soll, d. h. für wie viele Kacheln in einer Zeile nebeneinander Platz reserviert werden soll. (Wertebereich: 2 – 10)

Bild
Hier kann ein kleines Bild/Icon definiert werden, das links oben neben der Gruppenbeschriftung angezeigt wird. Wenn bereits ein Bild vorhanden ist, kann es über dieses Menü gelöscht werden.

Aktiv
Hier kann definiert werden, ob die Gruppe aktiv ist. Auch kann der Aktivstatus über eine Bedingung gesteuert werden (z. B. abhängig davon welcher User eingeloggt ist, ist die Gruppe aktiv oder nicht, Steuerung erfolgt in diesem Fall über eine Session Variable)

Sichtbarkeit
Hier kann definiert werden, ob die Gruppe sichtbar ist. Auch kann die Sichtbarkeit über eine Bedingung gesteuert werden (z. B. abhängig davon welcher User eingeloggt ist, ist die Gruppe sichtbar oder nicht, Steuerung erfolgt in diesem Fall über eine Session Variable)

Farbeinstellungen
Dieses Menü enthält die Farbeinstellungen für die Gruppe. Es enthält folgende Submenüpunkte:

  • Schriftfarbe der Gruppe bearbeiten
Hier kann die Textfarbe für die Kachelgruppenüberschrift eingestellt werden
  • Standardfarben für neue Kacheln
Hier kann die Hintergrund- und Schriftfarbe für Kacheln eingestellt werden, die in dieser Kachelgruppe neu angelegt werden
  • Farben bestehender Kacheln ändern
Hier kann die Hintergrund- und Schriftfarbe für alle bereits in dieser Gruppe vorhandenen Kacheln geändert werden. Bei Klick auf OK wird die jeweils eingestellte Farbe für alle Kacheln dieser Gruppe übernommen

Neu
In diesem Menü können neue Elemente angelegt werden. Es enthält folgende Submenüpunkte:

  • Element auf gleicher Ebene
Über diesen Menüpunkt kann hier eine neue Kachelgruppe angelegt werden
  • Element auf Subebene
Über diesen Menüpunkt kann hier eine neue Kachel innerhalb der ausgewählten Gruppe angelegt werden

Löschen
Diese Kachelgruppe löschen.

Kacheln anpassen

Im folgenden Abschnitt werden die Anpassungsmöglichkeiten für Kacheln beschrieben.

Allgemeine Bedienhinweise für Kacheln

  • Mehrfachselektion
Mehrfachselektion von Kacheln zum z. B. Verschieben mehrerer Kacheln gleichzeitig oder dem Verändern von Einstellungen für mehrere Kacheln auf einmal ist (wie aus anderen System gewohnt) möglich mit STRG + Mausklick für die Markierung von einem Element nach dem anderen oder SHIFT + Mausklick für die Markierung eines ganzen Bereiches an Elementen
  • Verschieben/Anordnen/Unterordnen von Kacheln
Kacheln können per Drag und Drop zwischen anderen Kacheln beliebig verschoben und in den meisten Fällen auch einander untergeordnet(verschachtelt) und wieder hervorgeholt werden
  • Parentkacheln sind reine Containerelemente
Bei Kacheln, die eine untergeordnete Kacheln besitzen ist eine möglicherweise auf die Parentkachel vergebene Navigationsaktion ohne Funktion. Sobald eine Kachel Subelemente besitzt, dient diese rein als Container für die anderen Elemente
  • Auf Kacheln werden zu lange Captions nicht umgebrochen, sondern sind über die MouseOver Aktion „Tooltip“ vollständig lesbar.
  • Es können maximal zwei Subebenen angelegt werden

Bedienung der Kacheln im Detail

Über das Kontextmenü stehen weitere Optionen zur Anpassung der Kacheln zu Verfügung. Das Kontextmenü kann entweder über einen Klick auf die rechte Maustaste auf der Kachel oder einen Linksklick auf die drei Punkte oben links auf der Kachel erreicht werden.

Das Kontextmenü enthält die folgenden Einträge: