[TYPO3-german] Formhandler: Wie kann man die Reihenfolge von label - input ändern?

JCL - Johannes C. Laxander jc at laxander.com
Thu Jan 17 22:11:21 CET 2013


Hallo Peter,

ich bin mir nicht sicher ob meine Lösung dein Problem löst, aber ich denke
es ist ein Ansatz.

Ich arbeite mit YAML und habe diese HTML-Struktur:

<!-- ###master_additional-options### -->
<div id="additional-options" class="ym-fbox-check">
	<span class="ym-label">###LLL:options###</span>
	<div class="ym-inline">
	<input type="checkbox" id="newsletter"
name="###formValuesPrefix###[newsletter]" value="1"
###checked_newsletter_1### />
	<label for="newsletter">###LLL:newsletter###</label>
	</div>
	<input type="checkbox" id="postweg"
name="###formValuesPrefix###[postweg]" value="1" ###checked_postweg_1### />
	<label for="postweg">###LLL:postweg###</label>
	<input type="checkbox" id="receive-copy"
name="###formValuesPrefix###[receive-copy]" value="1"
###checked_receive-copy_1### />
	<label for="receive-copy">###LLL:receive-copy###</label>
</div>
<!-- ###master_additional-options### -->

Das funktioniert soweit, hat allerdings noch den kleinen Schönheitsfehler,
dass die Labels noch floaten.
Das bedeutet, dass bei zu kurzen Labels die Chekcboxen in einer Zeiel
nacheinander dargestellt werden und nicht untereinander.
Der Container <div class="ym-inline"> sorgt dafür, dass die Textzeilen von
einem mehrzeiligen Label linksbündig ausgerichtet sind.

CSS Forms Definitionen kannst du dir in der Doku auf www.yaml.de ansehen und
das Framework auch herunterladen.

Für meinen spezuiell Fall habe ich dann zusätzlich noch diese CSS-Regel:

#additional-options label { left: 1.7em; margin-left: -16px; }

Das ganze sieht dannn z.B. ungefähr so aus:

Optionen:            |_| Hiermit abonniere ich bis auf Wiederruf den
kostenlosen Newsletter
                         an die oben angegebene E-Mail-Adresse.
                     |_| Angebot bitte auch per Briefpost zusenden.
                     |_| Kopie dieser Anfrage bitte per E-Mail an mich.

Ich hoffe es hilft dir weiter.

Gruß, Johannes.

> Peter Kühnlein
> Gesendet: Donnerstag, 17. Januar 2013 20:03
> 
> N'Abend Liste,
> 
> zur Abwechslung mal was ganz triviales... für andere... nicht 
> für mich: 
> Ich verwende zum Versenden von Mails via Formular Formhandler 
> (na klar)
> - Version 1.5.1. Die Standardreihenfolge von label und input 
> ist, z.B. 
> bei checkboxes, die, dass das Label links von der Checkbox 
> steht. Doof. 
> Hat jemand einen Handgriff drauf, der die Reihenfolge ändert? 
> Ich bin durch die Extension durch, finde aber z.B. kein 
> HTML-Template, in dem sich das ändern ließe. Und die Zähmung 
> über CSS ist extrem widerspenstig... das muss doch eleganter gehen...
> 



More information about the TYPO3-german mailing list