... |
... |
@@ -2,13
+2,12 @@ |
2 |
2 |
|
3 |
3 |
{{content/}} |
4 |
4 |
|
5 |
|
-{{figure image="Widget Signatur_html_1e0db3f531b05a9c.png" clear="h1"}}Position des Widgets im Designer und Aussehen des Elements im Formular.{{/figure}} |
6 |
|
-Das Plugin stellt ein neues Eingabeelement im Designer zur Verfügung, welches es erlaubt, auf einfache Art Bewertungen einzugeben. |
|
5 |
+{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}} |
7 |
7 |
|
8 |
8 |
== Funktionsbeschreibung == |
9 |
|
-{{figure image="Widget Signatur_html_3562ce6ecacc98e0.png" clear="h1"}}Beispiel für ein Bewertungselement mit Sternen in einem Formular.{{/figure}} |
|
8 |
+{{figure image="2_WidgetXrating_Formular_de.png" clear="h1"}}Beispiel für ein Bewertungselement mit Sternen in einem Formular.{{/figure}} |
10 |
10 |
|
11 |
|
-Das vom PLgugin bereitgestellte Widget erzeugt eine Kette von links nach rechts anwählbarer Icons entsprechend der im Designer getroffenen Einstellungen bezüglich Iconform, Iconanzahl und Farbe. Die durch das Element je nach Anzahl der ausgewählten Icons zu übermittelnden Werte können konfiguriert werden. |
|
10 |
+Das Plugin stellt ein neues Widget im Designer zur Verfügung, welches es erlaubt, auf einfache Art Bewertungen einzugeben. Das Widget erzeugt eine Kette von links nach rechts anwählbarer Icons entsprechend der im Designer getroffenen Einstellungen bezüglich Iconform, Iconanzahl und Farbe. Die durch das Element je nach Anzahl der ausgewählten Icons zu übermittelnden Werte können konfiguriert werden. |
12 |
12 |
|
13 |
13 |
== Installation == |
14 |
14 |
|
... |
... |
@@ -32,38
+32,31 @@ |
32 |
32 |
|
33 |
33 |
{{internBaseOptionsElement page="misc" headline="h3"/}} |
34 |
34 |
|
|
34 |
+== Druckbild im Word-/PDF-Export == |
|
35 |
+{{figure image="4_WidgetXrating_Export_de.png" clear="h1"}}Darstellung eines Bewertungselements im Word-/PDF-Export.{{/figure}} |
35 |
35 |
|
36 |
|
-Das Element verwendet folgende CSS Klassen: |
|
37 |
+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. |
37 |
37 |
|
38 |
|
-{{code language="css"}} |
39 |
|
-* Unterschriftenelement: **.XSignature** |
|
39 |
+== Mögliche CSS-Anpassungen == |
40 |
40 |
|
41 |
|
-* Container des Unterschriftenelements: **.CXSignature** |
42 |
|
-{{/code}} |
|
41 |
+Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden. |
43 |
43 |
|
44 |
|
-== Druck im Word-/PDF-Export |
|
43 |
+Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen: |
45 |
45 |
|
46 |
|
-Wenn das Element ex werden soll |
47 |
|
- |
48 |
|
-werden in den erzeugten Dokumenten anstelle der Konfigurierten eine Auswahl mit |
49 |
|
- |
50 |
|
-Sehen Sie im Bild rechts. |
51 |
|
- |
52 |
|
- |
53 |
|
-Weitere CSS-Anpassungen: |
54 |
|
- |
55 |
|
-Um oder Farben gesetzt werden |
56 |
|
- |
57 |
|
-Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen rate1 setzen. |
|
45 |
+{{code language="css"}} |
58 |
58 |
[xn=rate1] .idx3 I::before{ |
59 |
59 |
content: "\e906"; |
60 |
60 |
} |
|
49 |
+{{/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. |
|
51 |
+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: |
|
52 |
+ |
|
53 |
+{{code language="css"}} |
63 |
63 |
[xn=rate2] .idx6.hover I, |
64 |
64 |
[xn=rate2] .idx6.active I{ |
65 |
65 |
color: #55C937; |
66 |
66 |
} |
|
58 |
+{{/code}} |
67 |
67 |
|
68 |
68 |
{{velocity}} |
69 |
69 |
##{{content moveToTop="true"/}} |