Mit formtastic, ich habe eine Menge Feld und Einheitenfeld, die in abgemessenen es für die Menge der Position und der Einheit fragt.Fügen Sie zwei Eingänge in gleichen LI Element in Formtastic
Mein Problem ist, dass ich möchte die Unit-Box zur Anzeige entlang der Mengenbox. Da jedoch jeder Eintrag in seinem eigenen LI-Element formtastisch ist, kann ich sie nicht nebeneinander erscheinen lassen.
Irgendwelche Ideen?
einen HTML-Wrapper für Ihre Größe und Einheit ihrer Felder:
<%= form.input :quantity, :wrapper_html => { :class => 'fl' } %>
<%= form.input :unit, :wrapper_html => { :class => 'fl' } %>
Und in Ihrem CSS (wahrscheinlich formtastic-changes.css), eine CSS-Eigenschaft float den li schweben. Ich habe ein bisschen rechten Rand hinzugefügt, dem Gerät Etikett etwas Raum zu geben, zu atmen:
form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;}
Sie können bestimmte Klassen oder IDs für die wrapper_html und Geige mit der CSS haben müssen, um Ihr Layout und Abstand zum Laufen zu bringen so wie du es gerne hättest.
Antwort akzeptiert, weil es mir zeigte, dass nichts anderes funktionieren würde. Ich habe einfach die normale Form Builder-Syntax in vermischt. – WedTM
Danke, aber ich verstehe nicht, warum Sie regelmäßige Form Builder verwenden müssten? Ich verwende diese wrapper_html-Technik erfolgreich mit formtastic (mit display: inline in meinem css statt float) und es funktioniert gut. – ghoppe
Ich mache das auch. Es funktioniert gut. – jonnii