Datenschutzhinweis

 

Beim Laden dieses Inhalts werden Nutzungsinformationen an Vimeo übertragen und dort ggf. verarbeitet.

 

             

Formular-Widget: Bewertung

Geändert am Do, 20 Jul, 2023 um 10:25 VORMITTAGS

Das Symbol für Widgets vom Typ Bewertung.


Funktionsbeschreibung

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 Widget je nach Anzahl der ausgewählten Icons zu übermittelnden Werte können konfiguriert werden. 


Beispiel für ein Bewertungswidget mit Sternen in einem Formular.

Installation

Das Plugin kann als Mandant-Plugin oder System-Plugin installiert werden. Eine Anleitung zur Installation von Plugins finden Sie hier.


Konfiguration

An Widgets dieses Typs können die folgenden Eigenschaften konfiguriert werden:


Optionen

Mögliche Konfiguration der zu verwendenen Auswahloptionen eines Bewertungswidgets.

Bewertungswidgets verfügen über einen zusätzlichen Bereich Optionen. Hier können die zu verwendenden Auswahloptionen und die bei der Auswahl einer Option jeweils als Formularwert zu übertragenden Inhalte konfiguriert werden.  Neben der Konfiguration der Optionen direkt am Widget ist es zudem möglich, eine CSV-Datenquelle zu verwenden. Diese kann im Auswahlelement Datenquelle selektiert werden.


Druckbild im Word-/PDF-Export

Darstellung eines Bewertungswidgets im Word-/PDF-Export.

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.


Mögliche CSS-Anpassungen

Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden. 

Zum Beispiel das verwendete Logo für das Dritte Icon des Widgets mit dem technischen Namen rate1 setzen:

[xn=rate1] .idx3 I::before{
    content: "\e906";
}

Die Farbe für das 6. Icon des Widgets mit dem technischen Namen rate2 setzen, wenn es aktiv ist oder sich der Mauszeiger über diesem Logo befindet:

[xn=rate2] .idx6.hover I,
[xn=rate2] .idx6.active I{
    color: #55C937;
}

War dieser Artikel hilfreich?

Das ist großartig!

Vielen Dank für das Feedback

Leider konnten wir nicht helfen

Vielen Dank für das Feedback

Wie können wir diesen Artikel verbessern?

Wählen Sie wenigstens einen der Gründe aus
CAPTCHA-Verifikation ist erforderlich.

Feedback gesendet

Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren