WebApps:Tilesdesigner

Verfügbar ab CoP 10 HF 3.1
Der Tilesdesigner stellt ein 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.

Aufruf im Web

@Session_WebAppUrl@/Tiles/?menu=<Ebene 2 aus Dimension NavigationTiles>

Beispiel:

https://servername:4444/coplanner/Tiles/?menu=reporting

(Link zum Artikel der NavigationTiles)

Erweiterter Aufruf

• hideSessionHeader: Definiert, ob der Header angezeigt werden soll oder nicht (true blendet Header aus). Der Default beim Öffnen ist false.

Beispiel:

https://servername:4444/coplanner/Tiles/?menu=reporting&hideSessionHeader=true

Menü

Schaltfläche	Aktion
	Zurück zur letzten davor aufgerufenen Seite.
	Öffnen/Schließen der Anzeigetexte des Menüs.
	Ein-/Auschecken (Ab CoP 10 HF 3.3)
	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 PowerUser Modus möglich.
• 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 Kachelmenü angelegt worden.
Wenn Sie ein komplett neues Menü aufbauen 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.

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 automatischen Zeilenumbruch.(Ab CoP 10 HF 3.3)

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 (Ab CoP 10 HF 3.3)
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).

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).

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 eine neue Kachelgruppe angelegt werden.

• Element auf Subebene

Über diesen Menüpunkt kann 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

• Verschieben/Anordnen/Schachteln 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.

• Es können maximal zwei Subebenen für eine Kachel angelegt werden. (Also ingesamt 4. Ebenen: Kachelgruppe - Kachel - 1. Subkachel - 2. Subkachel)

Hinweis  Diese Einschränkung hat zur Folge, dass sich manchmal eine Kachel nicht einer anderen Kachel unterordnen lässt, weil als Folge maximal Anzahl möglicher Subebenen überschritten wird.

• Kacheln mit untergeordneten Kacheln sind reine Containerelemente

Bei Kacheln, die eine untergeordnete Kachel besitzen ist eine auf die übergeordnete Kachel vergebene Navigationsaktion ohne Funktion. Sobald eine Kachel Subelemente besitzt, dient diese rein als Container für die anderen Elemente.

• 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

• Auf Kacheln werden zu lange Captions nicht umgebrochen, sondern sind über die MouseOver Aktion „Tooltip“ vollständig lesbar.

Bedienung der Kacheln im Detail

Über das Kontextmenü stehen weitere Optionen zur Anpassung der Kacheln zu Verfügung. Das Kontextmenü kann entweder durch 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:

Umbenennen
Hier kann die Kachel umbenannt werden bzw. eine Caption vergeben werden. (Hinweis: Caption != Elementname in der Dimensionswartung)

Textformatierung (Ab CoP 10 HF 3.3)
Hier kann der Text der Kachel angepasst werden. Es enthält folgende Submenüpunkte:

• Schriftfarbe bearbeiten

In diesem Dialog kann die Schriftfarbe angepasst werden. Es steht eine Farbauswahl zu Verfügung, sowie die Eingabe als RGB Wert, Hexadezimalcode oder mittels HSV Wert.

• Position (Ab CoP 10 HF 3.3)

In diesem Menü kann sowohl die vertikale als auch horizontale Position der vergebenen Caption angepasst werden.

Hinweis  Ist als Einstellung im Menü "Darstellung" (siehe weiter unten in diesem Artikel) eine der beiden „Öffnet nach unten“ Optionen ausgewählt, hat die vertikale Textausrichtung keine Funktion, der Text wird dann immer unten angeheftet.

• Schriftgröße (Ab CoP 10 HF 3.3)

In diesem Menü kann die Schriftgröße der Caption eingestellt werden.

Bild (Ab CoP 10 HF 3.3 als Menü mit Subpunkten)
In diesem Menü kann ein Bild hinzugefügt und angepasst werden, welches dann auf der Kachel angezeigt wird. Es enthält folgende Submenüpunkte:

• Bearbeiten (immer sichtbar)

In diesem Dialog kann ein Bild/Icon aus der Liste der CoPlanner Icons oder ein eigenes Bild hinzugefügt werden. Wenn bereits ein Bild vorhanden ist, kann es über diesen Dialog ausgetauscht werden.

• Löschen (nur sichtbar, wenn bereits ein Bild eingestellt ist)

Das vorhandene Bild löschen.

• Skalieren (nur sichtbar, wenn bereits ein Bild eingestellt ist) (Ab CoP 10 HF 3.3)

In diesem Submenü kann die Skalierung des eingestellten Bildes angepasst werden.

Aktiv
Hier kann definiert werden, ob die Kachel aktiv ist. Der Aktivstatus kann auch über eine Bedingung gesteuert werden (z. B. abhängig davon welcher User eingeloggt ist, ist die Kachel aktiv oder nicht).

Sichtbarkeit
Hier kann definiert werden, ob die Kachel sichtbar ist. Die Sichtbarkeit kann auch über eine Bedingung gesteuert werden (z. B. abhängig davon welcher User eingeloggt ist, ist die Kachel sichtbar oder nicht).

Navigationsaktion hinzufügen
In diesem Dialog kann definiert werden, welche Aktion beim Klicken der Kachel ausgeführt werden soll. Dieser ist im Artikel WebApps:Navigationsaktionen(Linkbuilder) genauer beschrieben.

Status
Hier kann ein bestimmter Status für die Kachel festgelegt werden, der dann an der Kachel angezeigt wird. Dieser kann auch über einen Ausdruck/eine Bedingung gesteuert werden.

Hintergrundfarbe bearbeiten (Ab CoP 10 HF 3.3 aus einem Submenü auf diese Kontextmenüebene verschoben)
Hintergrundfarbe der Kachel verändern.

Darstellung
Hier kann die Darstellung der Kachel eingestellt werden. Folgende Einstellungen sind möglich.

Einstellung	Beschreibung	Beispiel
Submenü öffnet nach unten, kleine Kachel	Wenn die Kachel Subeinträge enthält, werden diese über ein Dropdown Menü unterhalb der Kachel angezeigt. Kachelbreite: 1 Spalte
Submenü öffnet nach unten, große Kachel	Wenn die Kachel Subeinträge enthält, werden diese über ein Dropdown Menü unterhalb der Kachel angezeigt. Kachelbreite: 2 Spalten
Submenü auf Kachel, kleine Kachel	Wenn die Kachel Subeinträge enthält, werden diese bei einem Klick auf den Pfeil auf der rechten Seite der Kachel über eine Slider Animation sichtbar und können ausgewählt werden. Kachelbreite: 1 Spalte
Submenü auf Kachel, große Kachel	Wenn die Kachel Subeinträge enthält, werden diese bei einem Klick auf den Pfeil auf der rechten Seite der Kachel über eine Slider Animation sichtbar und können ausgewählt werden. Kachelbreite: 2 Spalten

Neu
Über diesen Menüpunkt können neue Elemente angelegt werden.

• Element auf gleicher Ebene

Legt eine weitere Kachel auf der gleichen Ebene an.

• Element auf Subebene

Legt eine Kachel an, die der aktuellen Kachel untergeordnet ist.

Löschen
Löscht die aktuell ausgewählte Kachel und alle Subelemente.

Subkachelmenü

Das Subkachelmenü kann über die Zahnräder auf den einzelnen Kacheln erreicht werden.

Über das Subkachelmenü können Menüeinträge auf Unterkacheln bearbeitet werden. Dies geschieht nach dem gleichen Prinzip wie auf der Parentebene innerhalb der Kachelgruppen. Es können Kacheln verschoben werden, neu angeordnet werden etc. und das Kontextmenü verwendet werden. Dieses enthält im Vergleich zur Parentebene etwas weniger Optionen. In der Titelleiste kann außerdem der Kacheltitel bearbeitet werden.

Es ist auch möglich das Subkachelmenü der zweiten Subebene zu öffnen. Je nach Ansicht ist dies - wie in den zwei folgenden Screenshots ersichtlich - möglich:

• Submenü für die zweite Ebene, wenn „Menü öffnet auf Kachel“

• Submenü für die zweite Ebene, wenn „Menü öffnet nach unten“

Auch hier sind die Einstellungsmöglichkeiten leicht reduziert.