Usando Formtastic, tengo un campo de cantidad y de campo de la unidad que solicita la cantidad del artículo y la unidad se mide en.incluyen dos entradas en un mismo elemento LI en Formtastic
Mi problema es que me gustaría la caja de la unidad para mostrar junto a la caja de cantidad. Sin embargo, debido a que formtastic pust cada entrada en su propio elemento LI, no puedo hacer que aparezcan uno al lado del otro.
¿Alguna idea?
utilizar un contenedor de HTML para sus campos de cantidad y unidad:
<%= form.input :quantity, :wrapper_html => { :class => 'fl' } %>
<%= form.input :unit, :wrapper_html => { :class => 'fl' } %>
Y en el CSS (probablemente Formtastic-changes.css), una propiedad CSS flotante flote el li. He añadido un poco de margen derecho para dar la etiqueta de la unidad algo de espacio para respirar:
form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;}
puede que tenga que tener clases o los identificadores específicos para la wrapper_html y el violín con el css para obtener su diseño y espaciamiento de trabajo de la manera que te gustaría.
Respuesta aceptada porque me mostró que nada más funcionaría. Simplemente entremezclé la sintaxis normal del creador de formularios. – WedTM
Gracias, ¿pero no entiendo por qué tendrías que usar el generador de formularios normal? Estoy utilizando esta técnica wrapper_html con éxito con formtastic (usando display: inline en mi css en lugar de float) y está funcionando bien. – ghoppe
También hago esto. Funciona bien. – jonnii