# Widgets

Widget-Antworttypen sind kleine Benutzeroberflächenmodule, die clientseitig im Browser ausgeführt werden und mit javascript, css und html erstellt werden können. 

Mit Widgets können Sie ngSurvey vollständig um eigene Funktionen erweitern, da Sie jede Art von Funktionalität entwickeln können, die Sie normalerweise mit einfachem javascript, css und html erstellen würden. 

Widgets lassen sich in 2 Kategorien unterteilen

* **Auswahl-Widgets** bieten eine Funktionalität, die sich auf die [Auswahl](https://docs.ngsurvey.com/de/form-management/form-designer/answers/answer-types/selection-answers) einer Antwort bezieht, wie zum Beispiel ein Optionsfeld, und setzen bei Verwendung in einer Frage den aktuell ausgewählten Antwortwert. Im [Beispiel](https://docs.ngsurvey.com/de/form-management/form-designer/answers/answer-types/creating-new-type/widget/widget-samples) unten haben wir ein kleines Widget entwickelt, das den standardmäßigen Optionsfeld-Antworttyp durch eine attraktivere Alternative ersetzt. 

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MC16gQ0rQAooGQxLITR%2F-MC1A_libUdIgAqUGvM2%2Fcaptured%20\(34\).gif?alt=media\&token=ab6de693-30f2-4f8f-af86-3b295bec8924)

* **Wert-Widgets** liefern einen Wert, der zusammen mit den Antworten der Befragten gespeichert wird. Im [Beispiel](https://docs.ngsurvey.com/de/form-management/form-designer/answers/answer-types/creating-new-type/widget/widget-samples) unten integrieren wir eine Drittanbieter-JavaScript-Kalenderkomponente, die bereits am Markt existierte.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MC1AkhWA01lIWaXoK08%2F-MC1C5IjQe4hvdvAneow%2Fcaptured%20\(35\).gif?alt=media\&token=fa3194e7-926c-446d-8556-19358752a9b9)

{% hint style="info" %}
Während der Entwicklung eines Widgets können Sie die *propertysDef* Eigenschaft Ihres Widgets verwenden, um benutzerdefinierte Eigenschaften zu definieren, die Sie in Ihrem Code verwenden können und deren Werte der Umfrageadministrator dynamisch aus den [Antwort-Eigenschaften](https://docs.ngsurvey.com/de/form-management/form-designer/answers/answer-properties) Seite finden.
{% endhint %}

## 🔅 Widget-Entwicklung

Widgets können mithilfe der Benutzeroberfläche des Antworttyp-Editors entwickelt und getestet werden. Mit der **Widget-Vorschau / Test** Funktion können wir in Echtzeit sehen, wie unser neues Widget aussehen würde, wenn es innerhalb einer Umfrage verwendet würde.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MC1AkhWA01lIWaXoK08%2F-MC1EBTv8zgtnfelsMvx%2Fcaptured%20\(36\)-min.gif?alt=media\&token=f0b50d2a-c2cb-463f-9910-2da21c31b446)