Sie haben bestimmte CI-Richtlinien, wie Informationen im Internet zu präsentieren sind? Mit Netigate können Sie individuelle Veränderungen am Erscheinungsbild der Befragungen durchführen und Ihre Designvorlagen anpassen.

Die Software arbeitet mit Vorlagen und in jedem Account können mehrere Vorlagen erstellt und genutzt werden. Durch die Verwendung von Vorlagen können Sie verschiedene Designs für verschiedene Projekte benutzen. Wenn Sie später eine Befragung erstellen, wählen Sie die zu verwendende Designvorlage in den Einstellungen unter Punkt 8 aus.

Am Kopf der Seite befindet sich ein Drop-Down-Menü „Neue Vorlage“ mit den verschiedenen Designvorlagen, die Sie bereits erstellt haben. Wählen Sie eine dieser Vorlagen aus oder schreiben Sie eine neue Bezeichnung für eine Vorlage in das rechte Textfeld.

 Designvorlagen 

Maße

Unter dieser Überschrift sind Einstellungen zur gesamten Form der Antwort-Seiten zusammengefasst. Sie können wählen zwischen Einstellungen zur Größe und Position, Seitenabständen und Begrenzungslinien. Ebenfalls können Sie Logos oder Banner hochladen.

Tabelle: Hier geben Sie das Maß für die Breite der Tabelle in Pixeln an, in der der Online-Fragebogen geladen werden soll.

Rahmenstärke: Wählen Sie die Stärke der Rahmenlinie. Der Online-Fragebogen wird dann in dieser Stärke gerahmt.

Rahmenfarbe: Wählen Sie die Rahmenfarbe aus.

Position: Legt die Position des Online-Fragebogens im Browserfenster fest.
„Zentriert“ stellt den Online-Fragebogen in der Mitte des Browserfensters dar.
„Linksbündig“ richtet den Online-Fragebogen links im Browserfenster aus.

Oberer Seitenrand: Legt den Abstand des Online-Fragebogens zum oberen Browserrand fest.

Linker Seitenrand: Legt den Abstand des Online-Fragebogens zum linken Browserrand fest.

Banner: Ein Banner samt Ihrem Logo kann oberhalb der Befragung platziert werden. Ein Banner darf maximal 750 Pixel breit sein. Als Höhe hat sich 80 – 100 Pixel bewährt.

Um einen Banner hinzuzufügen, gehen Sie bitte wie folgt vor:

1. Klicken Sie auf „Banner hochladen“
2. Ein neues Fenster öffnet sich, dort klicken Sie auf „Datei auswählen“
3. Wählen Sie die hochzuladende Datei aus und klicken Sie auf „Upload“
4. Ein Bestätigungsfeld erscheint und zeigt an, dass der Upload erfolgreich war. Bitte „OK“ zum Fortfahren klicken

Obere Begrenzungslinie: Hier können Sie die Stärke und Farbe der Linie einstellen, die zwischen der Befragung und dem Banner angezeigt wird.

Untere Begrenzungslinie: Hier können Sie die Stärke und Farbe der Linien einstellen, die unter der Befragung angezeigt wird.

Farbe des Fortschrittsbalkens: Hier können Sie die Farbe des Fortschrittsbalkens einstellen. Der Fortschrittsbalken zeigt den Fortschritt innerhalb der Befragung an.

Hintergrundfarbe

Hintergrundfarbe Banner: Hier stellen Sie die Farbe ein, die hinter dem Banner erscheint.

Hintergrundfarbe der Befragung: Hier stellen Sie die Farbe des hinteren Bereichs ein.

Hintergrundfarbe der Befragung (innen): Hier legen Sie die Hintergrundfarbe des Bereichs der Befragung fest, in dem sich die Fragen befinden.

Hintergrundfarbe der Fußzeile: Hier legen Sie die Hintergrundfarbe der Fußzeile, in der sich z. B. die Kontaktdaten des Administrators befinden, fest.

Texteinstellungen – Fragen

Unter dieser Überschrift finden Sie die Einstellungsmöglichkeiten für die Textformatierung der Fragen. Für jede Einstellung wählen Sie die Schriftart, die Schriftgröße, die Farbe und ob der Text fett oder kursiv dargestellt werden soll. Bei Hyperlinks können Sie ebenfalls einstellen, ob diese unterstrichen angezeigt werden sollen oder nicht.

Fragen / Überschriften: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen für die Frageüberschriften Ihrer Befragung festlegen.

Erläuterungen zur Frage: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen für die Erläuterungen zu Fragen Ihrer Befragung festlegen.

Überschrift der Antwort-Art: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen der Beschreibungen der Antwort-Arten Ihrer Befragung festlegen.

Antworten Text: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen für die Antwortoptionen Ihrer Befragung festlegen.

Link Text: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen für die Hyperlinks Ihrer Befragung festlegen.

Button Text: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen für die Navigationselemente (Buttons) Ihrer Befragung festlegen.

Texteinstellungen – Fußzeile

Hier können Sie die Textformatierung der Fußzeile einstellen. Die Fußzeile enthält Kontaktinformationen und Links zur Hilfe.

Fußzeilen Text: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen für den angezeigten Text der Fußzeile Ihrer Befragung festlegen.

Link Text: Hier können Sie die Schriftart, Schriftgröße, Schriftfarbe und Formatierungen für Hyperlinks innerhalb der Fußzeile Ihrer Befragung festlegen.

Designvorlagen

Wenn Sie Ihre Auswahl und die Einstellungen für Ihre Designvorlage getroffen haben, klicken Sie bitte auf „Vorschau“. Es öffnet sich ein Vorschaufenster mit der erstellten Vorlage. Bestätigen Sie das Design in dem Sie auf „Einstellungen übernehmen und speichern„ klicken. Um weitere Veränderungen vorzunehmen klicken Sie auf „Weiter editieren“.

Sie können jederzeit auf die Grundeinstellungen zugreifen, um eine Designvorlage zu editieren. Die Änderungen betreffen jede Befragung, die diese Designvorlage nutzt.

CSS

Mit den Cascading Style Sheets (CSS) können Sie jedes Element Ihres Fragebogens an Ihre Wünsche anpassen. Wenden Sie sich an die Betreuer Ihrer Website um den Fragebogen komplett mit Ihren CI -Richtlinien abzustimmen.

Um den CSS Bereich bearbeiten zu können, erstellen Sie zunächst eine neue Designvorlage wie oben beschrieben. Nun müssen Sie einmalig einen Fragebogen mit diesem Design öffnen. Netigate erstellt in diesem Moment die CSS Grundparameter.

Anschließend können Sie Änderungen in diesem Design ausschließlich per CSS vornehmen.

Nachfolgend eine Übersicht der in Netigate genutzten CSS-Klassen:

 

Klasse // TagBeschreibung
#mainHauptfenser der Befragung
#mainbannerBanner
bodyWebsite hinter dem Befragungsfenster
#headerBereich in dem der Banner platziert ist
#footerFußzeilenbereich
.footlinkHyperlinks im Footer
.qheaderFragetext / Überschrift
.qdescriptionErläuterungen zur Frage
.qoptionAntwortoptionen
.stlinkHyperlinks im Fragebogen
.footertextText im Footer
.pbarFortschrittsbalken (komplett)
.pbarinnerFortschrittsbalken (Innerer Bereich)
.mheaderBeschreibung des einzelnen Antwortmechanismus
.NetigateValidatordiv,.NetigateValidatortdMit diesen Klassen definieren Sie das Aussehen des Hinweisfensters das erscheint, wenn der Teilnehmer keine Antwort abgegeben hat. Beispiel: “Bitte geben Sie den Text im Textfeld unter der Frage ein:“
.ajax__validatorcallout_popup_table_row
.ajax__validatorcallout_error_message_cell
.ajax__validatorcallout_icon_cell
.ajax__validatorcallout_close_button_cell
.ajax__validatorcallout_innerdiv
#buttonholderBereich zwischen der Befragung und den Navigationsbuttons
#leftbuttonMit diesen Klassen definieren Sie den Bereich in dem der „Weiter-“ und „Zurückbutton“ liegt.
#rightbutton
.NetigateToSurveyButtonButton „Zur Befragung“
.NetigateBackButtonZurückbutton
.NetigateNextButtonWeiterbutton
.NetigateEndButtonButton “Absenden”
.netigatetexboxAntwort-Art „Textbox“
.netigatetextareaAntwort-Art „Textfeld“
.radiorowReihe der vertikalen Radiobuttons
.radiocolSpalte der vertikalen Radiobuttons
.netigateradiobuttonVertikaler Radiobutton
.horizontalradiocolSpalte der horizontalen Radiobuttons
.netigatehorizontalradiobuttonHorizontaler Radiobutton
.netigatecheckboxVertikale Checkbox
.netigatehorizontalcheckboxHorizontale Checkbox
.netigatedropdownDrop Down Menü
.netigatematrixradiobuttonButton in einer Matrix
.netigateimageBilder im Fragebogen

 

Achten Sie beim Bearbeiten des CSS Textes darauf, die letzte Zeile nicht zu verändern. Insbesondere das „¤“ Zeichen darf nicht geändert oder gelöscht werden!

Zudem ist es wichtig, dass der CSS-Bereich von Webdesignern bearbeitet wird. So ist sichergestellt, dass der Fragebogen in allen verbreiteten Browsern gleich aussieht. Nicht jeder Browser unterstützt jede CSS Funktionalität.
Kopieren einer Designvorlage

Es ist möglich, eine Designvorlage zu kopieren.Nutzen Sie diese Funktion, wenn Sie eine Befragung mit leicht abgeändertem Design erstellen wollen. Um eine Vorlage zu kopieren, wählen Sie zuerst eine bereits gespeicherte Vorlage aus. Vergeben Sie danach im Feld rechts neben der Auswahl eine neue Bezeichnung, editieren Sie nun Ihre kopierte Designvorlage und klicken Sie auf „Vorschau“.

Im folgenden Fenster haben Sie nun – wie oben beschrieben – die Möglichkeit abzuspeichern.

Löschen einer Designvorlage

Um eine Designvorlage zu löschen, wählen Sie zunächst die zu löschende Vorlage aus und klicken Sie anschließend links unten auf „Vorlage löschen“. Die angezeigte Meldung bestätigen Sie mit „Ja“.

Farbpalette

Designvorlagen

Im Karteireiter „Farbpalette“ treffen Sie die Farbeinstellungen für Diagramme innerhalb der Ergebnisse.

Wählen Sie über die einzelnen Palettensymbole im Menü die Farben aus und klicken Sie auf „Speichern“. Sollten die Farben sich nicht direkt ändern, so melden Sie sich bitte ab (Logout) und melden sich anschließend wieder an.

Um auf die Standard Netigate Farbgebung zurückzukehren, löschen Sie alle Farbcodes und klicken auf „Speichern“. Melden Sie sich ab und anschließend erneut in Ihrem Account an, um die Änderungen zu übernehmen.