Polaritätenprofil mit einer verbalen Verankerung

Question

Kann man eine Polaritätenprofil machen mit einer verbalen Verankerung?
Oder eine Skala, bei der ein Teil des satzes links von der Skala steht und der andere Teil rechts von der Skala?

Comments

Das klingt danach, dass Sie eine Lücke im Satz füllen möchten. Darf ich fragen, weshalb Sie dafür gerade eine Skalen-Darstellung nutzen möchten?

---

Ein Kunde möchte die Frage wie oben dargestellt haben ...

Answer 1

In Ordnung, das war mal eine etwas anspruchsvollere Aufgabe :) Ich kann Ihnen einen Workaround für diese (doch eher ungewöhnliche) Darstellung anbieten. Und zwar können Sie eine horizontale Auswahl per Platzhalter verwenden.

Das würde dann so aussehen. Erstmal das HTML-Gerüst für die drei Items. Hier z.B. die HTML-Grundstruktur eines Polprofils. Das würden Sie als "Text" im Fragenkatalog mit Darstellung "HTML-Code" speichern.

<style>
#Ext1_tab div.s2item > div.s2label.s2cntMatrix.s2polarLeft,
#Ext1_tab div.s2item > div.s2label.s2cntMatrix.s2polarRight {
  min-width: 160px;
  flex: 1 0 160px;
}
#Ext1_tab div.s2item > div.s2polarLeft {
  text-align: right;
}
#Ext1_tab div.s2item .s2input {
  margin-left: auto;
  margin-right: auto;
  width: 180px;
  flex-basis: 180px;
  flex-shrink: 0;
  text-align: center;
}
</style>


<div id="Ext1_qst" class="s2question spacing">
	<div id="Ext1_tab" class="s2items S2polar matrix">
		<div id="Ext1_01_item" class="s2item hover shadeF1">
			<div class="s2label s2cntMatrix s2polarLeft s2qstExt1">
				<label for="Ext1_011">Negativ</label>
			</div>
			<div class="s2input s2qstExt1" id="Ext1_01_input">
				
[Auswahl]

			</div>
			<div class="s2label s2cntMatrix s2polarRight s2qstExt1">
				<label for="Ext1_015">Positiv</label>
			</div>
		</div>
		<div id="Ext1_02_item" class="s2item hover shadeF0">
			<div class="s2label s2cntMatrix s2polarLeft s2qstExt1">
				<label for="Ext1_021">Negativ</label>
			</div>
			<div class="s2input s2qstExt1" id="Ext1_02_input">

[Auswahl]

			</div>
			<div class="s2label s2cntMatrix s2polarRight s2qstExt1">
				<label for="Ext1_025">Positiv</label>
			</div>
		</div>
		<div id="Ext1_03_item" class="s2item hover shadeF1">
			<div class="s2label s2cntMatrix s2polarLeft s2qstExt1">
				<label for="Ext1_031">Negativ</label>
			</div>
			<div class="s2input s2qstExt1" id="Ext1_03_input">

[Auswahl]

			</div>
			<div class="s2label s2cntMatrix s2polarRight s2qstExt1">
				<label for="Ext1_035">Positiv</label>
			</div>
		</div>
	</div>
</div>

Und nun legen Sie drei Fragen vom Typ "horizontale Auswahl" an. Vorzugsweise deaktivieren Sie für diese Fragen die Schattierung und die grafische Verankerung.

Zuletzt ersetzen Sie im HTML-Code oben die "[Auswahl]" durch einen Platzhalter für die jeweilige horizontale Auswahl, also z.B.

%input:HA01%

Comments

Sehr cool, danke!