Sie verwenden den Editor, um benutzerdefinierte Fragetypen zu erstellen und zu verwalten. Ebenso können Sie eine Musterentwicklung vornehmen. Sie öffnen den Editor, indem Sie unter Bibliotheken den Menüpunkt Fragetypen aufrufen.
Themen:
Übersichtsseite
Die Übersichtsseite erlaubt Ihnen die folgenden Befehle auszuführen:
das Erstellen eines benutzerdefinierten Fragetypen über die Strukturvorlage
das Importieren eines archivierten benutzerdefinierten Fragetypen mittels Zip-Datei
das Kopieren eines existierenden benutzerdefinierten Fragetypen
Vorschau eines existierenden benutzerdefinierten Fragetypen
das Löschen eines benutzerdefinierten Fragetypen
Sie erstellen einen neuen Fragetypen, indem Sie über den Split-Button + Neu anklicken. Es öffnet sich ein Dialog-Fenster, das Sie nutzen, um den neuen benutzerdefinierten Fragetypen zu benennen, eine Layout-Version auszuwählen (Responsive-Layout 2 oder Responsive Layout 3).
Kategorie | Basisdatenmodell des Frageytypen |
---|---|
Einfachauswahl | 111 |
Mehrfachauswahl | 121 |
Matrix | 311 |
Textfeld | 143 |
Spezial | 911 |
Um die nächsten Schritte zu verdeutlichen, kann man mit einem benutzerdefinierten Fragetypen beginnen: Nachdem Sie Speichern angeklickt haben, erscheint der Fragetyp als neuer Eintrag in der Übersicht. Um den Fragetypen zu bearbeiten, klicken Sie auf den Link. Zu Beginn enthält der Fragetyp leere Voreinstellungen.
Der Editor
Sie verfügen über verschiedene Editoren, um Ihren Code über das Editor-Fenster zu verwalten.
There are different editors managing your code in the editor window:
CSS files are edited with CodeMirror which supports syntax highlighting and gives you hints when dealing with css elements and attributes. The example below gives you an image what you can do with these autocompleting hints in a css environment. But, you need to know what CSS is for. When you do not know what CSS is for, then skip the whole tutorial.
CodeMirror supports JS (Javascript) files by giving you some basic hints for common Javascript browser objects and syntax highlighting the source code.
By pressing Ctrl-Space right after the dot an inline autosuggest pop-up appears. It contains some basic Javascript commands.
If you open a Smarty template file the editor will highlight your smarty code. You can use EMMET autocompletion to write html snippets quickly.
Each of the different CQT comes along with a specific setup of this configuration dialog. Behind the scene it is an overlay to the qtinfo.json file. The php description file (not shown in the picture) is being generated from the settings in the json file.
Einstellungen
The screen contains a tab section where you switch between the different configuration features:
The categories tab holds the form for defining option headers and its fields. An option header is a collapsible section in the survey’s question editor page.