... |
... |
@@ -2,12
+2,13 @@ |
2 |
2 |
|
3 |
3 |
{{content/}} |
4 |
4 |
|
5 |
|
-{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}} |
|
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. |
6 |
6 |
|
7 |
7 |
== Funktionsbeschreibung == |
8 |
|
-{{figure image="2_WidgetXrating_Formular_de.png" clear="h1"}}Beispiel für ein Bewertungselement mit Sternen in einem Formular.{{/figure}} |
|
9 |
+{{figure image="Widget Signatur_html_3562ce6ecacc98e0.png" clear="h1"}}Beispiel für ein Bewertungselement mit Sternen in einem Formular.{{/figure}} |
9 |
9 |
|
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. |
|
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. |
11 |
11 |
|
12 |
12 |
== Installation == |
13 |
13 |
|
... |
... |
@@ -31,31
+31,38 @@ |
31 |
31 |
|
32 |
32 |
{{internBaseOptionsElement page="misc" headline="h3"/}} |
33 |
33 |
|
34 |
|
-== Druckbild im Word-/PDF-Export == |
35 |
|
-{{figure image="4_WidgetXrating_Export_de.png" clear="h1"}}Darstellung eines Bewertungselements im Word-/PDF-Export.{{/figure}} |
36 |
36 |
|
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. |
|
36 |
+Das Element verwendet folgende CSS Klassen: |
38 |
38 |
|
39 |
|
-== Mögliche CSS-Anpassungen == |
|
38 |
+{{code language="css"}} |
|
39 |
+* Unterschriftenelement: **.XSignature** |
40 |
40 |
|
41 |
|
-Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden. |
|
41 |
+* Container des Unterschriftenelements: **.CXSignature** |
|
42 |
+{{/code}} |
42 |
42 |
|
43 |
|
-Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen: |
|
44 |
+== Druck im Word-/PDF-Export |
44 |
44 |
|
45 |
|
-{{code language="css"}} |
|
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. |
46 |
46 |
[xn=rate1] .idx3 I::before{ |
47 |
47 |
content: "\e906"; |
48 |
48 |
} |
49 |
|
-{{/code}} |
50 |
50 |
|
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"}} |
|
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. |
54 |
54 |
[xn=rate2] .idx6.hover I, |
55 |
55 |
[xn=rate2] .idx6.active I{ |
56 |
56 |
color: #55C937; |
57 |
57 |
} |
58 |
|
-{{/code}} |
59 |
59 |
|
60 |
60 |
{{velocity}} |
61 |
61 |
##{{content moveToTop="true"/}} |