私は RoR を使用しており、フォームには Simple_Form gem を使用しています。ユーザーが複数のロールを持つことができるオブジェクト関係があり、作成中に管理者は新しいユーザーに適用するロールを選択できます。役割のチェックボックスを左側に、名前を右側に水平に配置したいと思います。
// 「ボックス」管理者 //
現在の代わりに
///
"箱"
管理者
///
ロールを表示する現在のコードはこれです。
<div class="control-group">
<%= f.label 'Roles' %>
<div class="controls">
<%= f.collection_check_boxes
:role_ids, Role.all, :id, :name %>
</div>
</div>
私が最も夢中になっている部分は、f.collection_check_boxes がこのようなコードを生成するという事実です。
<span>
<input blah blah />
<label class="collection_check_boxes" blah>blah</label>
</span>
触れる必要がある3つのコンポーネントがあるため、そこにcssクラスを取得するのが難しくなります。:html ハッシュにダミー クラスなどを追加しようとしましたが、ダミー クラスはレンダリングされた html にも表示されません。
どんな助けでも大歓迎です
編集:解決策
Baldrick のおかげで、私の作業中の erb は次のようになります。
<%= f.collection_check_boxes :role_ids, Role.all, :id, :name,
{:item_wrapper_class => 'checkbox_container'} %>
そして、私のCSSは次のとおりです
.checkbox_container {
display: inline-block;
vertical-align: -1px;
margin: 5px;
}
.checkbox_container input {
display: inline;
}
.checkbox_container .collection_check_boxes{
display: inline;
vertical-align: -5px;
}