ruby-on-rails - Formtastic の同じ LI 要素に 2 つの入力を含める

Question

formtastic を使用して、アイテムの数量と測定単位を要求する数量フィールドと単位フィールドがあります。

私の問題は、数量ボックスの横に単位ボックスを表示したいということです。ただし、formtastic は各入力を独自の LI 要素に入れるため、それらを並べて表示することはできません。

何か案は？

Answer 1

数量と単位のフィールドにはhtmlラッパーを使用します。

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

そして、css（おそらくformtastic-changes.css）で、liをフロートさせるcssfloatプロパティ。ユニットラベルに余裕を持たせるために、少し右マージンを追加しました。

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

レイアウトと間隔を希望どおりに機能させるには、wrapper_html用の特定のクラスまたはIDを用意し、cssをいじる必要がある場合があります。