... |
... |
@@ -2,8
+2,12 @@ |
2 |
2 |
|
3 |
3 |
{{content/}} |
4 |
4 |
|
5 |
|
-{{figure image="2_WidgetXrating_Formular_de.png" clear="h3"}}Das Symbol für Elemente vom Typ //Navigationsleiste//.{{/figure}} |
|
5 |
+{{panel float="right"}} |
|
6 |
+(% class="block text-align-center%){{icon name="star" size="4x"/}} |
6 |
6 |
|
|
8 |
+(% class="block%)Das Symbol für Elemente vom Typ //Bewertung//. |
|
9 |
+{{/panel}} |
|
10 |
+ |
7 |
7 |
== Funktionsbeschreibung == |
8 |
8 |
{{figure image="2_WidgetXrating_Formular_de.png" clear="h3"}}Beispiel für eine eingefügte Navigationsleiste in einem Formular.{{/figure}} |
9 |
9 |
|
... |
... |
@@ -19,15
+19,10 @@ |
19 |
19 |
|
20 |
20 |
{{internBaseOptionsElement page="base" headline="h3"/}} |
21 |
21 |
|
22 |
|
-=== Darstellung === |
|
26 |
+{{internBaseOptionsElement page="cond" headline="h3"/}} |
23 |
23 |
|
24 |
|
-In diesem Bereich kann für Navigationsleisten-Elemente nur die Positionierung der unter //Optionen// eingetragenen Bescjhreibungstexte der Seiten relativ zu dem sich darüber befindlichen bestimmt werden. |
25 |
|
-Auswahlelemente verfügen über einen zusätzlichen Bereich //Optionen//. Hier können die Auswahlmöglichkeiten festgelegt werden. |
|
28 |
+{{internBaseOptionsElement page="help" headline="h3"/}} |
26 |
26 |
|
27 |
|
-{{internBaseOptionsElement page="label" headline="h3"/}} |
28 |
|
- |
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 Element konfigurierten Seiten eingefügt werden. |
30 |
|
- |
31 |
31 |
{{internBaseOptionsElement page="css" headline="h3"/}} |
32 |
32 |
|
33 |
33 |
{{internBaseOptionsElement page="attr" headline="h3"/}} |
... |
... |
@@ -39,26
+39,36 @@ |
39 |
39 |
{{velocity}} |
40 |
40 |
|
41 |
41 |
##Darstellung Ausrichtung |
42 |
|
-##Label Ausrichtung: Position des Labeltexts; Platzhaler sind 1 und 2 |
|
41 |
+##Label Ausrichtung: Position des Labeltexts |
43 |
43 |
##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. |
44 |
44 |
{{/velocity}} |
45 |
45 |
|
46 |
|
-== 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}} |
47 |
47 |
|
48 |
|
-Standardmäßig ist das Element 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. |
|
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. |
49 |
49 |
|
50 |
50 |
== Mögliche CSS-Anpassungen == |
51 |
51 |
|
52 |
|
-Um das Aussehen des Elementes zu individualisieren, können per CSS Anpassungen vorgenommen werden. |
|
52 |
+Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden. |
53 |
53 |
|
54 |
|
-Zum Beispiel kann die Farbe des Fortschrittbalkens folgendermaßen angepasst werden: |
|
54 |
+Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen: |
55 |
55 |
|
56 |
56 |
{{code language="css"}} |
57 |
|
-.XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view { |
58 |
|
- background-color: red; |
|
57 |
+[xn=rate1] .idx3 I::before{ |
|
58 |
+ content: "\e906"; |
59 |
59 |
} |
60 |
60 |
{{/code}} |
61 |
61 |
|
|
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 |
+ |
62 |
62 |
{{velocity}} |
63 |
63 |
##{{content moveToTop="true"/}} |
64 |
64 |
##{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}} |