Skalen angleichen

[Tim]

Hi Support-Team

besteht die Möglichkeit seine unterschiedlichen Skalen (z.B. eine Frage mit 3 Antworten, nächste Frage 5 Antwortmöglichkeiten) anzugleichen, sodass beide Fragen die selbe länge auf der Seite einnehmen.

MfG
Tim

[support]

Hi Tim,

die Dimensionen der Fragegruppen in dem Layout des Fragebogens festgelegt und passen sich dabei grundsätzlich an den Inhalt der Tabellen an. Es ist jedoch möglich, die Breite einzelner Fragegruppen (in Bezug auf die Breite einer gesamten Fragegruppe und / oder die Breite der ersten Spalte der Gruppe) zu verändern. Hierbei werden zusätzliche Programmiercodes jeweils für die betreffende(n) Fragegruppe(n) in das Layout-Template des Fragebogens eingefügt. Dies ermöglich Ihnen, einzelne Fragegruppen z.B. mit 3 Antwortalternativen zu verbreitern, um optisch die Breite der Gruppe mit 5 Antwortalternativen zu erhalten.

Die Anpassungen sind ganz einfach umzusetzen.

Um dies zu tun, führen Sie bitte auf der Layout-Ansicht folgende Schritte durch:

1) Klicken Sie auf dem Button „HTML-Template bearbeiten“; es öffnet sich ein Pop-up-Fenster mit dem Dialog „Layout-Template-Editor“

2) Im Layout-Template-Editor klicken sie bitte auf die Registerkarte „CSS“

3) Kopieren Sie einen oder beide der nachfolgend aufgeführten Codes in den Layout-Editor, bevorzugt ganz zu Beginn vor die bereits bestehenden Codes oder ganz am Ende nach den bestehenden Codes. Achten Sie bitte dabei darauf, keine bereits existierenden Code-Bereiche zu verändern.

Wenn Sie die gesamte Breite einer bestimmten Gruppe anpassen möchten, nutzen Sie folgenden Code:

Code: Alles auswählen

#eq-group-1-2 { width: 700px; }

Wenn Sie die die Breite der ersten Spalte der Gruppe (die Stelle, an der die Items gelistet werden), anpassen möchten, nutzen Sie folgenden Code:

Code: Alles auswählen

#eq-group-1-2  .question  { width: 300px; }

4) Da diese Codes als Beispiel ausgewählt wurden, müssen diese an Ihre Anforderungen, d.h. an die zu verändernde Textgruppe sowie die von Ihnen gewünschte Breite angepasst werden:

4.1) Ersetzen Sie in dem Codebereich „#eq-group-1-2“ die angegebenen Zahlen durch die Nummer der Fragegruppe, dessen Breite Sie verändern möchten. Die Nummer der Gruppe können Sie dem Backoffice von eQuestionnaire entnehmen (Sie wird dort im Format [1.2] direkt neben der Fragegruppe angezeigt). Wenn Sie also beispielsweise die gesamte Breite der Gruppe 6.2 vergrößern oder verkleinern möchten, dann sieht der Code wie folgt aus:

Code: Alles auswählen

#eq-group-6-2 { width: 700px; }

4.2) Die Angaben in eckigen Klammern { width: 700px; } bzw. { width: 300px; } stehen für die Breite der angewählten Gruppe. Ändern Sie hier die Werte vor px entsprechend nach Ihren Vorstellungen, um die gewünschten Abmessungen zu erreichen. Probieren Sie hier ruhig die Veränderungen beliebig aus, bis Sie Ihre ideale Breite gefunden haben. Für eine gesamte Breite der Fragegruppe von 500 Pixeln würde der Code beispielsweise wie folgt aussehen:

Code: Alles auswählen

#eq-group-6-2 { width: 500px; }


5) Nachdem Sie die Änderungen vorgenommen haben, übernehmen Sie diese mit dem Klick auf dem Button „Übernehmen“ und schließen Sie den Layout-Template-Editor.

Mit diesen wenigen Schritten können Sie auf beliebige Weise jede Ihrer Fragegruppen in der Breite verändern - für die Veränderung mehrerer Gruppen, fügen Sie den Code entsprechend mehrfach mit Eingabe der jeweiligen Gruppennummer ein.


Bei Problemen in der Umsetzung oder weiteren Fragen kontaktieren Sie gerne unser Support-Team unter: support@equestionnaire.de

MfG eQuestionnaire Support