select für Grid-Einstellung abfragen

christobal · March 14, 2024 at 4:25 PM

Hallo aus Tirol!

Ich will dem Redakteur die Möglichkeit geben, das Bootstrap-Grid selber wählen zu können.
So ungefähr sollte es ausschauen:

<we:ifEditmode doc="top">

<we:select type="html" name="grid" size="1">
<option value="">Auswahl...</option>
<option value="dreizuneun">3:9</option>
<option value="vierzuacht">4:8</option>
</we:select>

<we:else />

<div class="row">
<div class="col-6"></div>
<div class="col-6"></div>
</div>

</we:ifEditmode>

Aber wie frage ich die select ab, so dass ich die Klasse mit "col-3" oder "col-4" usw. definieren kann

Bitte um Hilfestellung!
Christoph

mokraemer · March 14, 2024 at 8:02 PM Official Post

warum setzt du denn nicht in die value (also das was gespeichert wird), direkt das als Klasse rein, was du brauchst. Also

Code

<option value="col-4">3:9</option>

dann kannst du doch einfach

Code

<div class='<we:input name="grid"/>'></div>

machen.

e-site · March 15, 2024 at 8:15 AM

Mal ein Ansatz:

Code

<div class="row">
	<we:ifVar name="grid" match="dreizuneun">
        <div class="col-3">
            Inhalt
        </div>
        <div class="col-9">
            Inhalt
        </div>
	</we:ifVar>
	<we:ifVar name="grid" match="vierzuacht">  
        <div class="col-4">
            Inhalt
        </div>
        <div class="col-8">
            Inhalt
        </div>
	</we:ifVar>
</div>

Display More

Kann man sicher noch eleganter machen.

christobal · March 15, 2024 at 10:22 AM

Wow! Vielen Dank! Wenn mans sieht, ists einleuchtend! Funzt beides gut!

select für Grid-Einstellung abfragen

Participate now!

Tags