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

Peter Kühnlein peter at function2form.net
Thu Jan 17 22:14:11 CET 2013


Am 17.01.2013 22:11, schrieb JCL - Johannes C. Laxander:
> 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.
Sieht interessant aus Johannes! Danke für den Hinweis - ich arbeite zwar 
nicht mit YAML, werd aber mal versuchen, das einzubauen...

Schöne Grüße und schönen Abend,
Peter

-- 

http://function2form.net
http://peter-kuehnlein.net

"Look at the soldiers of recent times! Even in long battles there are hardly one or two occasions when blood is washed with blood. One should not be negligent."
(Hagakure)



More information about the TYPO3-german mailing list