| ... |
... |
@@ -5,7
+5,7 @@ |
| 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 in einem Formular. Die aktuell verwendete Sprache wird fett dargestellt.{{/figure}} |
|
8 |
+{{figure image="2_WidgetXLanguageSwitch_Formular_de.png" clear="h3"}}Beispiel für ein eingefügtes Sprachauswahl-Widget im Header eines Formulars.{{/figure}} |
| 9 |
9 |
|
| 10 |
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 |
|
| ... |
... |
@@ -35,8
+35,6 @@ |
| 35 |
35 |
|
| 36 |
36 |
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. |
| 37 |
37 |
|
| 38 |
|
-{{internBaseOptionsElement page="help" headline="h3"/}} |
| 39 |
|
- |
| 40 |
40 |
{{internBaseOptionsElement page="css" headline="h3"/}} |
| 41 |
41 |
|
| 42 |
42 |
{{internBaseOptionsElement page="attr" headline="h3"/}} |
| ... |
... |
@@ -54,28
+54,20 @@ |
| 54 |
54 |
|
| 55 |
55 |
== Word-/PDF-Export == |
| 56 |
56 |
|
| 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. |
|
55 |
+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 nur der Labeltext exportiert werden kann und beim Word-/PDF-Export keine Ersetzung der Platzhalter stattfindet. |
| 58 |
58 |
|
| 59 |
59 |
== Mögliche CSS-Anpassungen == |
| 60 |
60 |
|
| 61 |
61 |
Um das Aussehen des Widgets zu individualisieren, können per CSS Anpassungen vorgenommen werden. |
| 62 |
62 |
|
| 63 |
|
-Zum Beispiel kann das standardmäßig Unterstreichen der Spracheauswahlen entfernent werden: |
|
61 |
+Zum Beispiel kann die Farbe des Fortschrittbalkens folgendermaßen angepasst werden: |
| 64 |
64 |
|
| 65 |
65 |
{{code language="css"}} |
| 66 |
|
-.XItem.XLanguageSwich { |
| 67 |
|
- text-decoration: none; |
|
64 |
+.XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view { |
|
65 |
+ background-color: red; |
| 68 |
68 |
} |
| 69 |
69 |
{{/code}} |
| 70 |
70 |
|
| 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 |
|
- |
| 79 |
79 |
{{velocity}} |
| 80 |
80 |
##{{content moveToTop="true"/}} |
| 81 |
81 |
##{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}} |