Änderungen von Dokument Widget-Plugin: Sprachauswahlelement
Ä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, 3 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Titel
-
... ... @@ -1,1 +1,1 @@ 1 -Widget-Sprachauswahlelement -Plugin1 +Widget-Plugin: Sprachauswahlelement - Inhalt
-
... ... @@ -1,15 +1,15 @@ 1 -{{figure image="1_WidgetXLanguageSwitch_Logo_de.png" clear="h3"}}Das Symbol für Widgets vom Typ //Sprachauswahl -Widget// im {{designer/}}.{{/figure}}1 +{{figure image="1_WidgetXLanguageSwitch_Logo_de.png" clear="h3"}}Das Symbol für Widgets vom Typ //Sprachauswahlelement// im {{designer/}}.{{/figure}} 2 2 3 -[[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/ apps/files/?dir=/FORMCYCLE%20-%20Plugins%20Customer/plugin-bundle-widget-xlanguageswitch&fileid=16071||target="_blank"]](erfordert Anmeldung)3 +[[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/s/0aCIsIsDdESaX8R||target="_blank"]] 4 4 5 5 {{content/}} 6 6 7 7 == Funktionsbeschreibung == 8 -{{figure image="2_WidgetXLanguageSwitch_Formular_de.png" clear="h3"}}Beispiel für ein eingefügtes Sprachauswahl-Widget i mHeader einesFormulars.{{/figure}}8 +{{figure image="2_WidgetXLanguageSwitch_Formular_de.png" clear="h3"}}Beispiel für ein eingefügtes Sprachauswahl-Widget in einem Formular. Die aktuell verwendete Sprache wird fett dargestellt.{{/figure}} 9 9 10 -Das Plugin stellt ein neues Widget im Designer zur Verfügung, welches es erlaubt, auf einfache Art eine Navigationsleisteauf Formularseiteneinzufügen. Das Widget verwendet individuell im Designer zu konfigurierende Einstellungen im Bezug auf dieBenamung der Linksund dieSeitenaufdiediese verweisen.DurchinenKlick im WidgetaufvorangegangendeSeiten,kannzudiesenzurückgesprungenwerden.10 +Das Plugin stellt ein neues Widget im Designer zur Verfügung, welches es erlaubt, auf einfache Art eine Auswahlleiste für die Formularsprache einzufügen. Das Widget verwendet individuell im Designer zu konfigurierende Einstellungen im Bezug auf die anzuzeigenden Sprachen und die für sie anzuzeigenden Namen. 11 11 12 -D asNavigationsleisten-Widgetkannim HeaderoderFooterdes Formularsplatziertwerden, wodurch man esnureinMal konfigurieren muss. Anderenfalls, muss jeeinNavigationsleisten-Widget auf jederSeite, auf der einssichtbar seinsoll,eingefügtundentsprechendkonfiguriertwerden.IndiesemFallempfiehlt es sich,dieKonfigurationeinmalig vorzunehmenund daskonfigurierteWidgetdann zukopierenundauf denanderen SeiteneinzufügenoderdieKonfigurationineiner[[Datenquelle>>doc:Formcycle.UserInterface.Data.Sources.WebHome]].zu hinterlegenunddiesebei//Optionen// als Quelle auszuwählen.12 +Durch einen Klick im Widget auf eine Sprache wird das Formular mit bereits eingegebenen Werten in den entsprechenden Sprache neu geladen. Zu beachten ist hier, dass es aufgrund von Sicherheitsbeschränkungen der Browser nicht möglich ist, vom Nutzer ausgewählte Dateien in Upload-Elementen wieder einzutragen. 13 13 14 14 == Installation == 15 15 ... ... @@ -23,21 +23,20 @@ 23 23 24 24 === Darstellung === 25 25 26 -In diesem Bereich kann für Navigationsleisten-Widgets nur die Positionierung derunter //Optionen// eingetragenen BescjhreibungstextederSeiten relativ zudem sich darüberbefindlichen Fortschrittsbalkenelementbestimmtwerden.26 +In diesem Bereich kann für Sprachauswahl-Widgets nur die Positionierung des Inhalts relativ zur Seite eingetragen werden. 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 31 === Optionen === 32 32 33 -{{figure image="3_WidgetXLanguageSwitch_Optionen_de.png" clear="h3"}}Mögliche Konfiguration der zu verwendenen Auswahloptionen eines Navigationsleisten-Widgets.{{/figure}}30 +{{figure image="3_WidgetXLanguageSwitch_Optionen_de.png" clear="h3"}}Mögliche Konfiguration der zu verwendenen Auswahloptionen eines Sprachauswahl-Widgets.{{/figure}} 34 34 35 - Navigationsleisten-Widgets verfügen über einen zusätzlichen Bereich //Optionen//. Hier können die in derNavigationsleistesichtbaren Seiten und die für die jeweiligeFormularseiteanzuzeigenden Namen festgelegt werden.32 +Sprachauswahl-Widgets verfügen über einen zusätzlichen Bereich //Optionen//. Hier können die in der Sprachauswahl sichtbaren Sprachen und die für die jeweilige Sprache anzuzeigenden Namen festgelegt werden. 36 36 37 -Für jede anzuzeigende Formularseiteist eine Zeile mit dem sichtbaren Beschreibungstext,demtechnischenNamender Seiteeinzugeben. Optional können in der Spalte Titel die //Title//-Attributeder Beschreibungstextefestgelegt werden.34 +Für jede anzuzeigende Sprache ist eine Zeile mit dem sichtbaren Beschreibungstext und dem Kürzel der Sprache einzugeben (z.B. //en// für Englisch). Optional können in der Spalte Titel die //Title//-Attribute festgelegt werden. 38 38 39 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 40 38 +{{internBaseOptionsElement page="help" headline="h3"/}} 39 + 41 41 {{internBaseOptionsElement page="css" headline="h3"/}} 42 42 43 43 {{internBaseOptionsElement page="attr" headline="h3"/}} ... ... @@ -55,20 +55,28 @@ 55 55 56 56 == Word-/PDF-Export == 57 57 58 -Standardmäßig ist das Widget so konfiguriert, dass es nicht im Word-/PDF-Export auftaucht. Es ist auch nicht sinnvoll, an dieser Einstellung etwas zu ändern, da nurder Labeltext exportiertwerdenkann und beim Word-/PDF-ExportkeineErsetzung der Platzhalter stattfindet.57 +Standardmäßig ist das Widget so konfiguriert, dass es nicht im Word-/PDF-Export auftaucht. Es ist auch nicht sinnvoll, an dieser Einstellung etwas zu ändern, da das Element in einem exportierten Formular keine Funktion hat. 59 59 60 60 == Mögliche CSS-Anpassungen == 61 61 62 62 Um das Aussehen des Widgets zu individualisieren, können per CSS Anpassungen vorgenommen werden. 63 63 64 -Zum Beispiel kann d ieFarbe desFortschrittbalkensfolgendermaßenangepasst werden:63 +Zum Beispiel kann das standardmäßig Unterstreichen der Spracheauswahlen entfernent werden: 65 65 66 66 {{code language="css"}} 67 -.X NavigationBar .activexnav-view, .XNavigationBar .active-before.xnav-view{68 - background-color:red;66 +.XItem.XLanguageSwich { 67 + text-decoration: none; 69 69 } 70 70 {{/code}} 71 71 71 +Die Farbe der aktiven Sprache kann wie folgt verändert werden: 72 + 73 +{{code language="css"}} 74 +.XItem.XLanguageSwich.XLanguageSwichActive { 75 + color: red; 76 +} 77 +{{/code}} 78 + 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_WidgetXLanguageSwitch_Logo_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.gru - Größe
-
... ... @@ -1,0 +1,1 @@ 1 +2.0 KB - Inhalt
- 2_WidgetXLanguageSwitch_Formular_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.gru - Größe
-
... ... @@ -1,0 +1,1 @@ 1 +1.7 KB - Inhalt
- 3_WidgetXLanguageSwitch_Optionen_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.gru - Größe
-
... ... @@ -1,0 +1,1 @@ 1 +8.1 KB - Inhalt