do form! 5: Quellcode der Ausgabe auf responsive ändern?
Verfasst: 3. Jun 2016, 14:24
Hallo alle miteiander.
Ich nutze do form! 5 classic, was auch alles prima funktioniert.
Nun baue ich gerade an einer Seite, die responsive sein muss und dafür müssen die Formularfelder der Modul-Ausgabe
a. sowohl in der CSS-Definition, als auch
b. vom Aufbau im Sourcecode angepasst werden.
Die Ausgabe wirft ja Code aus in der Form:
Ich benötige aber eine Codeausgabe in dieser Form:
Jetzt habe ich schon direkt das Problem, dass ich die Definitionen zu den vorhandenen Styles nirgends finde. Entweder ich bin völlig blind, oder ich habe ne Denksperre...
Wo finde ich z.B. den Style für die Klasse "fieldblock"? Oder ist die gar überhaupt noch nirgends definiert und wartet auf meine Anweisungen?
Kann jemand Licht in meinen Tunnel bringen? Danke vorab!
Viele Grüße
Knut
UPDATE: habe jetzt rausgefunden, dass ich die Styles offenbar selbst erstmal definieren muss. Sollte ggf. bei dem Modul im Downloadbereich nochmal drauf hingewiesen werden. Früher gab's da eine Beispiel-CSS dazu, oder?
Bleibt nun noch der grundsätzliche Aufbau der Ausgabe, der geändert werden müsste.
Jemand da ne Idee, wie ich am besten vorgehe?
Ich nutze do form! 5 classic, was auch alles prima funktioniert.
Nun baue ich gerade an einer Seite, die responsive sein muss und dafür müssen die Formularfelder der Modul-Ausgabe
a. sowohl in der CSS-Definition, als auch
b. vom Aufbau im Sourcecode angepasst werden.
Die Ausgabe wirft ja Code aus in der Form:
Code: Alles auswählen
<div class="fieldblock ">
<label for="el_0" >Firma</label>
<input type="text" class="formtext ftext" title="Firma" name="FORM[doform5314][el_0]" id="el_0" value="" /><br />
</div>
Code: Alles auswählen
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="el_0">Firma <strong class="formreq">*</strong></label>
<input type="text" class="form-control" title="Firma" name="FORM[doform5314][el_0]" id="el_0" value="" required />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="el_1" >Ort</label>
<input type="text" class="form-control" title="Ort" name="FORM[doform5314][el_1]" id="el_1" value="" />
</div>
</div>
</div>
Wo finde ich z.B. den Style für die Klasse "fieldblock"? Oder ist die gar überhaupt noch nirgends definiert und wartet auf meine Anweisungen?
Kann jemand Licht in meinen Tunnel bringen? Danke vorab!
Viele Grüße
Knut
UPDATE: habe jetzt rausgefunden, dass ich die Styles offenbar selbst erstmal definieren muss. Sollte ggf. bei dem Modul im Downloadbereich nochmal drauf hingewiesen werden. Früher gab's da eine Beispiel-CSS dazu, oder?
Bleibt nun noch der grundsätzliche Aufbau der Ausgabe, der geändert werden müsste.
Jemand da ne Idee, wie ich am besten vorgehe?