2016-07-19 7 views
0

私は現在、レールアプリケーション用のフォームを作成するのにbootstrap_form 2.4.0 gemを使用しています。私は、誰かがエントリの '編集'ページに入り、次のチェックボックスをチェックしたりアンチェックしたりすることで、どのフィールドが有効か無効かを判断できるアノテーション機能を作成しようとしているところですその分野に
基本的に私はグリフのアイコンや画像だけで構成される私の '編集'フォームでチェックボックスを作成する必要があります。
私はRemusGLSこの記事でによって与えられる解決策使用してみました:問題は、このソリューションは簡単にすることによって行われ、基本的なフォーム作成のために働く私はhere
に私はそれをしたいどのように見えるように変更Is it posible to make an input checkbox a Bootstrap glyphicon?を、 <input type="checkbox">タグを使用します。私はちょうどこのメソッドを使用すると、 '編集'ページ(チェックボックスのリセット、アノテーションの全体点を無効にする)に問題が発生します。フォームをブートストラップのチェックボックス要素の検査後
ラインで生成ブートストラップフォームのチェックボックス(および一般的な要素)のカスタマイズ2.4.0

<%= f.check_box :blabla , label: "" %> 

自動的に(この場合、blabla)フィールドの値に基づいて変化するこのコードを

<label for="entry_blabla"> 
      <input name="entry[blabla]" type="hidden" value = "0" > 
      <input type="checkbox" value="1" checked="checked" name="entry[blabla]" id="entry_blabla" > 
     </label>` 

生成すると思われます、私はこのコードをシミュレートするif文を使用しようとしたが、私はまだアイコンのチェックボックスのソリューションとそれを統合することはできません。
これを一文にまとめるには、ブートストラップ形式の形式(この番号は<%= f.check_box :blabla , label: "" %>)で動作するアイコンチェックボックスソリューション(here)が必要です。
ありがとうございます。

答えて

0

この方法でグリフコンをラップすることができます。

<%= f.label :blabla do %> 
    <i class = "glyphicon glyphicon-ok" style="color:green;"></i> 
    <i class='glyphicon glyphicon-remove' style="color:red;"></i> 
<% end %> 
    <%= f.check_box :blabla %> 
+0

それだけですべてのもの、2つのアイコンと、デフォルトのラベル(Blabla)とチェックボックス(私はentries.scssするためにCSSを追加している)を示し – AmyAdamsIsBae

+0

は、私ができる方法だけで、ユーザーの通常のフォームの形式がありますそれと ?私はそれをやって、名前を 'entry_blabla'に、idを' entry [blabla] 'に変更しようとしましたが、ただパラメータに入りませんでした。 – AmyAdamsIsBae

関連する問題