Standard-Editor

Einzelne Logos zentrieren

Standardmäßig sind einzelne Logos nach links ausgerichtet. Mit dieser Optionen können Sie sie zentrieren.

Erstes Logo oben

Standardmäßig verfügen Sie über das Tivian-Logo. Um das Tivian-Logo gegen ein von Ihnen gewünschte Logo auszutauschen, klicken Sie den Datei auswählen-Button an.

Zweites Logo oben

Sie können auf Ihrem Fragebogen rechts oben ein zweites Logo platzieren. Um das von Ihnen gewünschte Logo hochzuladen, klicken Sie den Datei auswählen-Button an.

Erstes Logo unten

Sie können auf Ihrem Fragebogen links unten ein Logo platzieren. m das von Ihnen gewünschte Logo hochzuladen, klicken Sie den Datei auswählen-Button an.

Zweites Logo unten

Sie können auf Ihrem Fragebogen rechts unten ein zweites Logo platzieren. Um das von Ihnen gewünschte Logo hochzuladen, klicken Sie den Datei auswählen-Button an.

Aktiviert

Diese Funktion ist standardmäßig aktiviert.

Dauer

Standardwert 500 ms, empfohlen wird ein Wert zwischen 100 und 1000 ms

Funktionen zur Einblendung der Seite

Neue Seiten im Fragebogen werden eingeblendet, um 'visuelle Ablenkungen' zu vermeiden, während die neue Seite geladen wird.

• linear: Die Animation hat von Anfang bis Ende die gleiche Geschwindigkeit.

• ease: Die Animation beginnt langsam, dann schnell, bevor sie langsam endet.

• ease-in: Die Animation hat einen langsamen Start (Standartwert)

• ease-out: Die Animation hat ein langsames Ende.

• ease-in-out: Die Animation hat sowohl einen langsamen Anfang als auch ein langsames Ende.

Hintergrundfarbe

Hintergrund hinter dem eigentlichen Fragebereich. Falls ein Hintergrundbild verwendet wird, ist diese Einstellung nicht relevant, da nur das Bild angezeigt wird.

Hintergrundbild

Das Bild wird verwendet, um den Hintergrund zu kacheln.

• Laden Sie eine Bilddatei hoch

Postion des Hintergrundbildes

• repeat (voreingestellt)

• center-top

• center-top-repeat-x

Hintergrundfarbe

Die Fragen einer Seite können optional in einem gemeinsamen Bereich angezeigt werden. 

Abstand zum Rand

Legen Sie den Abstand der Fragen zum Rand des Fragebogens fest. Wählen Sie einen Wert zwischen 0rem und 10rem.

Antwort-Container anzeigen

Diese Funktion ist standardmäßig deaktiviert

Hintergrundfarbe

Der Bereich, der die Antwortoptionen bzw. die eigentliche Matrix enthält, kann optional ein separates Design enthalten. Das ist die Hintergrundfarbe für diesen Container.

Abstand zum Rand

Abstand zwischen der eigentlichen Frage und dem Rand des Frage-Containers. Bitte wählen Sie einen Wert zwischen 0px und 20px.

Oberer Abstand

Verwenden Sie diese Option, um den oberen Rand des Antwort-Containers zu ändern. Bitte wählen Sie einen Wert zwischen 0rem und 5rem.

Primäre Schriftart

Wählen Sie die gewünschte Schriftart aus.

• Bezieht sich auf den Fragetext und die Ausfüllanweisung

Sekundäre Schriftart

Wählen Sie die gewünschte Schriftart aus.

• Bezieht sich z.B. auf die Antwortoptionen oder den Dimensionentext einer Matrix-Frage

Titel und Instruktionen vollständig fett auszeichnen

Sie haken an, ob Titel und Untertitel fett angezeigt werden sollen. Im Editor entfällt die Schaltfläche.

Basis Schriftgröße

Bitte wählen Sie einen Wert zwischen 10px und 30px.

Basis Zeilenhöhe

Diese Zeilenhöhe wird als Basis für Größenberechnungen von vielen Layout-Elementen verwendet. Bitte wählen Sie einen Wert zwischen 1rem und 5rem

Allgemeiner Text Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Fragetitel Schriftgröße

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Fragetitel Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Ausfüllanweisung Schriftgröße

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Ausfüllanweisung Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Hilfetext Schriftgröße

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Hilfetext Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Kontrollelementgröße

Größe der Kontrollelemente wie Radiobuttons und Checkboxen. Bitte wählen Sie einen Wert zwischen 1rem und 10rem.

Textfeldhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 10rem.

Schaltflächen Schriftgröße 

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Schaltflächen Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Basis Schriftgröße

Bitte wählen Sie einen Wert zwischen 10px und 30px.

Basis Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Allgemeiner Text Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Fragetitel Schriftgröße

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Fragetitel Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Ausfüllanweisung Schriftgröße

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Ausfüllanweisung Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Hilfetext Schriftgröße

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Hilfetext Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Kontrollelementgröße

Größe der Kontrollelemente wie Radiobuttons und Checkboxen. Bitte wählen Sie einen Wert zwischen 1rem und 10rem.

Textfeldhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Schaltflächen Schriftgröße

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Schaltflächen Zeilenhöhe

Bitte wählen Sie einen Wert zwischen 1rem und 5rem.

Allgemein

Verwenden Sie diese Option, um die allgemeine Farbgebung zu verändern, also z.B. den Dimensionstext und die Skalenoptionen.

Fragetext

Verwenden Sie diese Option, um die Farbe des Fragetextes zu verändern.

Ausfüllanweisung

Verwenden Sie diese Option, um die Farbe der Ausfüllanweisung zu verändern.

Hilfetext

Verwenden Sie diese Option, um die Farbe des Hilfetextes zu verändern.

Hilfetext Hintergrundfarbe

Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern.

Zeilenfarbe

Nutzen Sie diese Option, um die Zeilenfarben (z.B. einer Matrix-Frage) anzupassen. Sie passen mittels dieser Option die Farbe der Zeilen 1,3,5 und so weiter an.

Zeilenfarbe alternierend

Nutzen Sie diese Option, um die Zeilenfarben (z.B. einer Matrix-Frage) anzupassen. Sie passen mittels dieser Option die Farben der Zeilen 2,4,6 und so weiter an.

Zeilen-Hover aktivieren

Aktivieren Sie diese Option, auf dass Zeilen mittels Maus-Hover hervorgehoben werden können.

Zeilen-Hover Hintergrundfarbe

Nutzen Sie diese Option, um die Farbe der Zeilen, die mittels Maus-Hover hervorgehoben werden, anzupassen.

Zeilen-Hover Textfarbe 

Nutzen Sie diese Option, um die Textfarbe, die mittels Maus-Hover hervorgehoben wird, anzupassen.

Fehler Textfarbe

Verwenden Sie diese Option, um die Textfarbe einer Fehlermeldung anzupassen.

Warnung Textfarbe

Verwenden Sie diese Option, um die Textfarbe einer Warnmeldung anzupassen.

Hintergrundfarbe

Verwenden Sie diese Option, um die Hintergrundfarbe der Buttons anzupassen.

Hintergrundfarbe bei Hover

Verwenden Sie diese Option, um die beim Hovern angezeigte Hintergrundfarbe der Buttons anzupassen.

Hintergrundfarbe bei Aktivierung

Verwenden Sie diese Option, um die beim Anklicken eines Buttons (z.B. des Continue-Buttons) angezeigte Hintergrundfarbe anzupassen.

Textfarbe

Verwenden Sie diese Option, um die Textfarbe der Buttons anzupassen.

Textfarbe bei Hover

Verwenden Sie diese Option, um die während des Hoverns angezeigte Textfarbe der Buttons anzupassen.

Textfarbe bei Aktivierung

Verwenden Sie diese Option, um die beim Anklicken eines Buttons (z.B. des Continue-Buttons) angezeigte Textfarbe anzupassen.

Rahmenfarbe

Verwenden Sie diese Option, um die Rahmenfarbe der Buttons anzupassen.

Rahmenfarbe bei Hover

Verwenden Sie diese Option, um die während des Hoverns angezeigte Rahmenfarbe der Buttons anzupassen.

Rahmenfarbe bei Aktivierung

Verwenden Sie diese Option, um die beim Anklicken eines Buttons (z.B. des Continue-Buttons) angezeigte Rahmenfarbe der Buttons anzupassen.

Art der Kontrollelemente

• Schriftart-basiert

• CSS-basiert (gefüllt)

  • voreingestellt

• CSS-basiert (Häkchen)

Farbe

Verwenden Sie diese Option, um die Farbe der Kontrollelemente anzupassen.

Hintergrundfarbe

Verwenden Sie diese Option, um die Hintergrundfarbe der Auswahlboxen anzupassen.

Textfeldbreite

Verwenden Sie diese Option, um die Textfeldbreite anzupassen. Wählen Sie einen Wert zwischen 0rem und 100rem oder 0% und 100%.

Fokus-Hervorhebung Rahmenfarbe

Verwenden Sie diese Option, um die Rahmenfarbe der Fokus-Hervorhebung anzupassen.

Fokus-Hervorhebung Rahmenbreite

Verwenden Sie diese Option, um die Rahmen-Breite der Fokus-Hervorhebung anzupassen. Währen Sie einen Wert zwischen 0px und 20px.

Fokus-Hervorhebung Schatten

Mittels dieser Option fügen Sie der Fokus-Hervorhebung einen Schatten hinzu.

Browser-Stile für Textfelder überschreiben

Die angepassten Stile werden anstatt der Browser-eigenen Stile für Textfelder verwendet.

Fortschrittsanzeige anzeigen

Sie haken an, ob die Fortschrittsanzeige im Fragebogen angezeigt werden soll. Standardmäßig ist der Haken gesetzt und die Fortschrittsanzeige aktiviert.

Hintergrundfarbe

Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern.

Obere Rahmenfarbe

Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern.

Balkenhöhe

Bitte wählen Sie einen Wert zwischen 0em und 5em. 1em entspricht der Standard-Schriftgröße. 2em entspricht der doppelten Standard-Schriftgröße.

Balken Hintergrundfarbe

Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern.

Balkenfortschrittsfarbe

Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern.

Textfarbe

Verwenden Sie diese Option, um die Textfarbe der Fortschrittsanzeige zu verändern.