Wiki-Quellcode von WidgetXratingPlugin
Zeige letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| 1 | [[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/apps/files/?dir=/FORMCYCLE%20-%20Plugins%20Customer/plugin-bundle-widget-xrating&fileid=17292||target="_blank"]] (erfordert Anmeldung) | ||
| 2 | |||
| 3 | {{content/}} | ||
| 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. | ||
| 7 | |||
| 8 | == Funktionsbeschreibung == | ||
| 9 | {{figure image="Widget Signatur_html_3562ce6ecacc98e0.png" clear="h1"}}Beispiel für ein Bewertungselement mit Sternen in einem Formular.{{/figure}} | ||
| 10 | |||
| 11 | Das vom Widget bereitgestellte Elemente erzeugt ein entsprechend der Zeich | ||
| 12 | emtsprechend der im Designer getroffenen Einstellungen bezüglich Icronform,. Farbe und Anzahl. Die durch das Elemenbt je nach Anzahl der ausgewählten Icons zu übermittelnden Werte können konfiguriert werden. | ||
| 13 | |||
| 14 | == Installation == | ||
| 15 | |||
| 16 | Das Plugin kann als Mandant-Plugin oder System-Plugin installiert werden. Eine Anleitung zur Installation von Plugins finden Sie [[hier>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]]. | ||
| 17 | |||
| 18 | == Konfiguration == | ||
| 19 | |||
| 20 | An Elementen dieses Typs können die folgenden Eigenschaften konfiguriert werden: | ||
| 21 | |||
| 22 | {{internBaseOptionsElement page="base" headline="h3"/}} | ||
| 23 | |||
| 24 | {{internBaseOptionsElement page="cond" headline="h3"/}} | ||
| 25 | |||
| 26 | {{internBaseOptionsElement page="help" headline="h3"/}} | ||
| 27 | |||
| 28 | {{internBaseOptionsElement page="css" headline="h3"/}} | ||
| 29 | |||
| 30 | {{internBaseOptionsElement page="attr" headline="h3"/}} | ||
| 31 | |||
| 32 | {{internBaseOptionsElement page="avail" headline="h3"/}} | ||
| 33 | |||
| 34 | {{internBaseOptionsElement page="misc" headline="h3"/}} | ||
| 35 | |||
| 36 | |||
| 37 | Das Element verwendet folgende CSS Klassen: | ||
| 38 | |||
| 39 | * Unterschriftenelement: **.XSignature** | ||
| 40 | |||
| 41 | * Container des Unterschriftenelements: **.CXSignature** | ||
| 42 | |||
| 43 | == Druck im Word-/PDF-Export | ||
| 44 | |||
| 45 | Wenn das Element ex werden soll | ||
| 46 | |||
| 47 | werden in den erzeugten Dokumenten anstelle der Konfigurierten eine Auswahl mit | ||
| 48 | |||
| 49 | Sehen Sie im Bild rechts. | ||
| 50 | |||
| 51 | |||
| 52 | Weitere CSS-Anpassungen: | ||
| 53 | |||
| 54 | Um oder Farben gesetzt werden | ||
| 55 | |||
| 56 | Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen rate1 setzen. | ||
| 57 | [xn=rate1] .idx3 I::before{ | ||
| 58 | content: "\e906"; | ||
| 59 | } | ||
| 60 | |||
| 61 | 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. | ||
| 62 | [xn=rate2] .idx6.hover I, | ||
| 63 | [xn=rate2] .idx6.active I{ | ||
| 64 | color: #55C937; | ||
| 65 | } | ||
| 66 | |||
| 67 | {{velocity}} | ||
| 68 | ##{{content moveToTop="true"/}} | ||
| 69 | {{/velocity}} |