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 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. | ||
| 12 | |||
| 13 | == Installation == | ||
| 14 | |||
| 15 | 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]]. | ||
| 16 | |||
| 17 | == Konfiguration == | ||
| 18 | |||
| 19 | An Elementen dieses Typs können die folgenden Eigenschaften konfiguriert werden: | ||
| 20 | |||
| 21 | {{internBaseOptionsElement page="base" headline="h3"/}} | ||
| 22 | |||
| 23 | {{internBaseOptionsElement page="cond" headline="h3"/}} | ||
| 24 | |||
| 25 | {{internBaseOptionsElement page="help" headline="h3"/}} | ||
| 26 | |||
| 27 | {{internBaseOptionsElement page="css" headline="h3"/}} | ||
| 28 | |||
| 29 | {{internBaseOptionsElement page="attr" headline="h3"/}} | ||
| 30 | |||
| 31 | {{internBaseOptionsElement page="avail" headline="h3"/}} | ||
| 32 | |||
| 33 | {{internBaseOptionsElement page="misc" headline="h3"/}} | ||
| 34 | |||
| 35 | |||
| 36 | Das Element verwendet folgende CSS Klassen: | ||
| 37 | |||
| 38 | {{code language="css"}} | ||
| 39 | * Unterschriftenelement: **.XSignature** | ||
| 40 | |||
| 41 | * Container des Unterschriftenelements: **.CXSignature** | ||
| 42 | {{/code}} | ||
| 43 | |||
| 44 | == Druck im Word-/PDF-Export | ||
| 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. | ||
| 58 | [xn=rate1] .idx3 I::before{ | ||
| 59 | content: "\e906"; | ||
| 60 | } | ||
| 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 | [xn=rate2] .idx6.hover I, | ||
| 64 | [xn=rate2] .idx6.active I{ | ||
| 65 | color: #55C937; | ||
| 66 | } | ||
| 67 | |||
| 68 | {{velocity}} | ||
| 69 | ##{{content moveToTop="true"/}} | ||
| 70 | {{/velocity}} |