Formatierung eines einzelnen Fragebogens

Question

Hallo,

damit mein Fragebogen auch mit dem Smartphone bearbeitbare ist habe ich einen zweiten Fragebogen, im gleichen Projekt, mit dem Mobile Layout erstellt. Nun ist es so, dass bei Items mit einem Polaritätenprofil die Beschriftung der beiden Pole zentriert und nicht linksbündig ist. Wo und wie kann ich dies ändern?
Ich habe bereits versucht die Formatierung durch HML-Tags im Fragenkatalog zu ändern (align="left"), dies hat jedoch nicht funktioniert und sähe wahrscheinlich für die Computer-Version auch nicht gut aus.

Danke für die Hilfe!

Comments

Möchten Sie vielleicht einen Pretest-Link direkt (!) zur betroffenen Seite posten? Dann kann ich konkrete Hilfestellung leisten anstatt abstrakt über CSS zu fabulieren.

---

Gerne...
Da dies insgesamt bei 10 Items auftritt hier zwei Links für exemplarische Items. Das erste mit einem etwas längerem Text, das zweite etwas kürzer.


https://www.soscisurvey.de/basozpsy2/?act=aX96HQXiVCSGYa3MgUilX9lh

https://www.soscisurvey.de/basozpsy2/?act=Ue6JiMcfDimWKtJcmQOUfxjN

Danke für die Hilfe!

---

Der erste Link scheint nicht mehr gültig zu sein.

---

Im zweiten Link kann ich die Problematik ungefähr nachvollziehen ... wie und wo hätten Sie den Text denn gerne? Den linken linksbündig und den rechten rechtsbündig?

Answer 1

Um den linken Text linkbündig und den rechten Text rechtsbündig auszurichten, würden Sie hier folgenden CSS-Code per PHP einbinden:

pageCSS('
  #A217_tab.s2items.slim div.s2aboveLabels > div.s2polarLeft {
    text-align: left;
  }
  #A217_tab.s2items.slim div.s2aboveLabels > div.s2polarRight {
    text-align: right;
  }
');

Allerdings bin ich nicht sicher, ob es wirklich das ist, was Sie suchen?

Wenn die Pole so viel Text beinhalten, dass sie kaum nebeneinander auf das Display passen, wäre eine vertikale Darstellung vielleicht besser geeignet?

Comments

Vielen Dank schon mal! Ich hätte gerne beide Texte linksbündig.
Wo muss ich den Code den eingeben?
Und meinen Sie mit vertikaler Darstellung, dass das Smartphone dann einfach gedreht wird? Bei größeren Smartphones (z.B iPhone 6) klappt das gut, bei kleineren (z.B iPhone 5) weniger...

---

Nun ja, Sie ändern das zweite text-align dann einfach von "right" auf "left".

> Und meinen Sie mit vertikaler Darstellung, dass das Smartphone dann einfach gedreht wird?

Eigentlich dachte ich an die responsive Darstellung des Fragetyps "Skala (mit Zwischenwerten)". Oder alternativ eine Auswahl in der Darstellungsvariante "Kärtchen".

---

Ah okay... "Skala (mit Zwischenwerten)" passt in diesem Fall nicht so gut. Wo finde ich denn die Darstellungsvariante "Kärtchen"- auch bei Fragetypen? Und wenn ich den Text nun doch einfach formatiere, wo muss ich dann den CSS-Code eingeben?

---

Wenn Sie eine Auswahl anlegen, können Sie im ersten Karteireiter bei den "Weiteren Einstellungen" die Darstellung auf "Kärtchen" umstellen. Aber das wird ähnlich aussehen wie die Skala im mobilen Anzeigemodus.