web-dev-qa-db-ja.com

CSSクラスを<%= f.submit%>に追加します

私の質問は簡単です:

<%= f.submit %>

クラス宣言はどこに行きますか?複数回試行するとエラーが発生します。

210
sscirrus
<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

これでうまくいくはずです。エラーが発生している場合は、名前を指定していない可能性があります。

または、クラスなしでボタンのスタイルを設定できます。

form#form_id_here input[type=submit]

それも試してみてください。

343
Srdjan Pejic

以下を行うことにより、フォームの送信ボタンにクラス宣言を追加できます。

<%= f.submit class: 'btn btn-default' %> <-注:コンマはありません!

Scaffoldの_form.html.erbパーシャルを変更していて、コントローラーアクション間でボタン名の動的な変更を保持したい場合、DO名前'name'を指定しないでください。

名前を指定せず、フォームがレンダリングされるアクションに応じて、ボタンは次の名前の.class = "btn btn-default"(ブートストラップクラス)(または指定した.class)を取得します。

  • モデル名の更新

  • model_nameの作成
    (model_nameはscaffoldのモデルの名前)

129
aloucas

Rails 4およびBootstrap 3「プライマリ」ボタン

<%= f.submit nil, :class => 'btn btn-primary' %>

次のようなものが得られます。

screen-2014-01-22_02.24.26.png http://img854.imageshack.us/img854/9148/2wlx.png

25
cwd

Srdjan Pejicが言うように、

<%= f.submit 'name', :class => 'button' %>

または次の新しい構文:

<%= f.submit 'name', class: 'button' %>
11
RailsZilla.com

Form_withヘルパーを使用する場合の解決策

Rails 5.2withform_withヘルパーを使用する場合:コンマを追加しないでください

<%= f.submit class: 'btn btn-primary' %>

Screenshot with no comma

HTH!

8
BKSpurgeon

デフォルトでは、Rails 4は 'value'属性を使用して表示されるボタンテキストを制御するため、マークアップをクリーンに保つために使用します

<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>
2
benjamin.patch

両方とも<%= f.submit class: "btn btn-primary" %><%= f.submit "Name of Button", class: "btn btn-primary "%>が機能します

0
gsumk