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

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

5 голосов
/ 01 февраля 2010

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

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

Есть идеи?

1 Ответ

9 голосов
/ 01 февраля 2010

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

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

А в вашем css (вероятно, formtastic-changes.css) свойство css float для размещения li. Я добавил немного правого поля, чтобы дать ярлыку юнита немного пространства для дыхания: 

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

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

...