Включить два входа в один и тот же LI элемент в Formtastic


Используя formtastic, у меня есть поле количества и поле единицы, которое запрашивает количество товара и единицу, в которой он измеряется.

Моя проблема заключается в том, что я хотел бы, чтобы поле единиц измерения отображалось вдоль поля количества. Однако, поскольку formtastic pust каждый вход в свой собственный элемент LI, я не могу заставить их появляться рядом друг с другом.

Есть идеи?

1 5

1 ответ:

Используйте html-оболочку для полей количества и единицы измерения:

<%= form.input :quantity,   :wrapper_html => { :class => 'fl' } %>
<%= form.input :unit,       :wrapper_html => { :class => 'fl' } %>

И в вашем css (вероятно, formtastic-изменения.УСБ), а в CSS поплавок собственность, плавают ли. Я добавил немного правое поле, чтобы дать единицу ярлык какой-то комнате, чтобы дышать:

form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;}

Возможно, вам придется иметь определенные классы или идентификаторы для wrapper_html и возиться с css, чтобы заставить ваш макет и интервал работать так, как вы хотите.