Änderungen von Dokument Widget-Plugin: Navigationsleiste
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)
-
Anhänge (0 geändert, 0 hinzugefügt, 3 gelöscht)
Details
- Seiteneigenschaften
-
- Titel
-
... ... @@ -1,1 +1,1 @@ 1 - Widget-Plugin:Navigationsleiste1 +Navigationsleisten-Plugin - Inhalt
-
... ... @@ -1,16 +1,18 @@ 1 - {{figure image="1_WidgetXNavigationBar_Logo_de.png" clear="h3"}}DasSymbolfür Widgets vom Typ //Navigationsleiste//im {{designer/}}.{{/figure}}1 +[[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/apps/files/?dir=/FORMCYCLE%20-%20Plugins%20Customer/plugin-bundle-widget-xnavigationbar&fileid=16534||target="_blank"]] (erfordert Anmeldung) 2 2 3 -[[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/s/KreGizN2U3sQiSd||target="_blank"]] 4 - 5 5 {{content/}} 6 6 7 - == Funktionsbeschreibung==8 - {{figureimage="2_WidgetXNavigationBar_Formular_de.png" clear="h3"}}Beispiel für eineeingefügte Navigationsleiste im HeadereinesFormulars.{{/figure}}5 +{{panel float="right"}} 6 +(% class="block text-align-center%){{icon name="star" size="4x"/}} 9 9 10 -Das Plugin stellt ein neues Widget im Designer zur Verfügung, welches es erlaubt, auf einfache Art eine Navigationsleiste auf Formularseiten einzufügen. Das Widget verwendet individuell im Designer zu konfigurierende Einstellungen im Bezug auf die Benamung der Links und die Seiten auf die diese verweisen. Durch einen Klick im Widget auf vorangegangende Seiten, kann zu diesen zurückgesprungen werden. 8 +(% class="block%)Das Symbol für Elemente vom Typ //Bewertung//. 9 +{{/panel}} 11 11 12 -Das Navigationsleisten-Widget kann im Header oder Footer des Formulars platziert werden, wodurch man es nur ein Mal konfigurieren muss. Anderenfalls, muss je ein Navigationsleisten-Widget auf jeder Seite, auf der eins sichtbar sein soll, eingefügt und entsprechend konfiguriert werden. In diesem Fall empfiehlt es sich, die Konfiguration einmalig vorzunehmen und das konfigurierte Widget dann zu kopieren und auf den anderen Seiten einzufügen oder die Konfiguration in einer [[Datenquelle>>doc:Formcycle.UserInterface.Data.Sources.WebHome]]. zu hinterlegen und diese bei //Optionen// als Quelle auszuwählen. 11 +== Funktionsbeschreibung == 12 +{{figure image="2_WidgetXrating_Formular_de.png" clear="h3"}}Beispiel für eine eingefügte Navigationsleiste in einem Formular.{{/figure}} 13 13 14 +Das Plugin stellt ein neues Widget im Designer zur Verfügung, welches es erlaubt, auf einfache Art eine Navigationsleiste auf Formularseiten einzufügen. Das Widget verwendet individuell im Designer zu konfigurierende Einstellungen im Bezug auf die Benamung der Links und die Seiten auf die diese verweisen. Durch einen Klick im Element auf vorangegangende Seiten, kann zu diesen zurückgesprungen werden. 15 + 14 14 == Installation == 15 15 16 16 Das Plugin kann als Mandant-Plugin oder System-Plugin installiert werden. Eine Anleitung zur Installation von Plugins finden Sie [[hier>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]]. ... ... @@ -17,27 +17,14 @@ 17 17 18 18 == Konfiguration == 19 19 20 -An Widgetsdieses Typs können die folgenden Eigenschaften konfiguriert werden:22 +An Elementen dieses Typs können die folgenden Eigenschaften konfiguriert werden: 21 21 22 22 {{internBaseOptionsElement page="base" headline="h3"/}} 23 23 24 - === Darstellung ===26 +{{internBaseOptionsElement page="cond" headline="h3"/}} 25 25 26 - In diesem Bereich kann für Navigationsleisten-Widgets nur die Positionierung der unter //Optionen//eingetragenen Beschreibungstexte der Seiten relativzu dem sichdarüber befindlichenFortschrittsbalkenelement bestimmt werden.28 +{{internBaseOptionsElement page="help" headline="h3"/}} 27 27 28 -{{internBaseOptionsElement page="label" headline="h3"/}} 29 -Innerhalb des Labels kann mithilfe der Plathalter {{code language="none"}}{1}{{/code}} und {{code language="none"}}{2}{{/code}} die Nummer der Aktuellen Seite in der Liste und die Anzahl der im Widget konfigurierten Seiten eingefügt werden. 30 - 31 -=== Optionen === 32 - 33 -{{figure image="3_WidgetXNavigationBar_Optionen_de.png" clear="h3"}}Mögliche Konfiguration der zu verwendenen Auswahloptionen eines Navigationsleisten-Widgets.{{/figure}} 34 - 35 -Navigationsleisten-Widgets verfügen über einen zusätzlichen Bereich //Optionen//. Hier können die in der Navigationsleiste sichtbaren Seiten und die für die jeweilige Formularseite anzuzeigenden Namen festgelegt werden. 36 - 37 -Für jede anzuzeigende Formularseite ist eine Zeile mit dem sichtbaren Beschreibungstext und dem technischen Namen der Seite einzugeben. Optional können in der Spalte Titel die //Title//-Attribute der Beschreibungstexte festgelegt werden. 38 - 39 -Neben der Konfiguration der Optionen direkt am Widget ist es zudem möglich, eine [[CSV-Datenquelle>>doc:Formcycle.UserInterface.Data.Sources.WebHome]] zu verwenden. Diese kann im Auswahlelement //Datenquelle// selektiert werden. 40 - 41 41 {{internBaseOptionsElement page="css" headline="h3"/}} 42 42 43 43 {{internBaseOptionsElement page="attr" headline="h3"/}} ... ... @@ -49,26 +49,36 @@ 49 49 {{velocity}} 50 50 51 51 ##Darstellung Ausrichtung 52 -##Label Ausrichtung: Position des Labeltexts ; Platzhaler sind 1 und 241 +##Label Ausrichtung: Position des Labeltexts 53 53 ##Optionen Bennenung und Name der Seiten, welche in der Navigationsleiste dargestellt werden sollen. Die Reihenfolge der Optionen enspricht der Reihenfolge der Seiten im Navigationsleisten-Element. 54 54 {{/velocity}} 55 55 56 -== Word-/PDF-Export == 45 +== Druckbild im Word-/PDF-Export == 46 +{{figure image="4_WidgetXrating_Export_de.png" clear="h3"}}Darstellung eines Bewertungselements im Word-/PDF-Export.{{/figure}} 57 57 58 - StandardmäßigistdasWidget sokonfiguriert,dass es nicht imWord-/PDF-Exportauftaucht.Esistauch nichtsinnvoll,andieserEinstellungetwaszuändern,daur der LabeltextexportiertwerdenkannundbeimWord-/PDF-ExportkeineErsetzungder Platzhalterstattfindet.48 +Wenn das Formular per Word-/PDF-Export exportiert wird, wird in den erzeugten Dokumenten anstelle des konfigurierten Aussehens eine Auswahl mit den unter //Optionen// konfigurierten Auswahloptionen erstellt. 59 59 60 60 == Mögliche CSS-Anpassungen == 61 61 62 -Um dasAussehendesWidgetszuindividualisieren, können per CSS Anpassungen vorgenommen werden.52 +Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden. 63 63 64 -Zum Beispiel kanndieFarbesFortschrittbalkensfolgendermaßen angepasstwerden:54 +Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen: 65 65 66 66 {{code language="css"}} 67 - .XNavigationBar.active .xnav-view,.XNavigationBar .active-before.xnav-view{68 - background-color:red;57 +[xn=rate1] .idx3 I::before{ 58 + content: "\e906"; 69 69 } 70 70 {{/code}} 71 71 62 +Die Farbe für das 6. Icon des Formularelements mit dem technischen Namen //rate2// setzen, wenn es aktiv ist oder sich der Mauszeiger über diesem Logo befindet: 63 + 64 +{{code language="css"}} 65 +[xn=rate2] .idx6.hover I, 66 +[xn=rate2] .idx6.active I{ 67 + color: #55C937; 68 +} 69 +{{/code}} 70 + 72 72 {{velocity}} 73 73 ##{{content moveToTop="true"/}} 74 74 ##{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}}
- 1_WidgetXNavigationBar_Logo_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.gru - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -2.1 KB - Inhalt
- 2_WidgetXNavigationBar_Formular_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.gru - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -3.2 KB - Inhalt
- 3_WidgetXNavigationBar_Optionen_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.gru - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -9.0 KB - Inhalt