Ajouter une classe CSS à <% = f.submit%>
Ma question est facile:
<%= f.submit %>
Où va la déclaration de classe? Je reçois des erreurs à plusieurs reprises.
<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>
Cela devrait faire. Si vous obtenez une erreur, il est probable que vous ne fournissiez pas le nom.
Vous pouvez également styler le bouton sans classe:
form#form_id_here input[type=submit]
Essayez aussi.
Vous pouvez ajouter une déclaration de classe au bouton d'envoi d'un formulaire en procédant comme suit:
<%= f.submit class: 'btn btn-default' %> <- Remarque: il n'y a pas de virgule!
Si vous modifiez un _ form.html.erb partiel d'un échafaud et que vous souhaitez conserver le changement dynamique du nom du bouton entre les actions du contrôleur, DO PAS spécifier un nom 'name'.
Sans spécifier de nom et, en fonction de l'action, le formulaire est rendu, le bouton obtiendra le .class = "btn btn-default" (classe Bootstrap) (ou le type de fichier .class que vous spécifiez) avec les noms suivants:
Mise à jour nom_module
Créer nom_modèle
(où nom_modèle est le nom du modèle de l'échafaudage)
Rails 4 et Bootstrap 3 "bouton" principal "
<%= f.submit nil, :class => 'btn btn-primary' %>
Donne quelque chose comme:
screen-2014-01-22_02.24.26.png http://img854.imageshack.us/img854/9148/2wlx.png
Comme dit Srdjan Pejic, vous pouvez utiliser
<%= f.submit 'name', :class => 'button' %>
ou la nouvelle syntaxe qui serait:
<%= f.submit 'name', class: 'button' %>
Solution lors de l'utilisation de helper form_with
Pour ceux qui utilisent Rails 5.2 l’assistant withform_with: n’ajoutez pas la virgule !
<%= f.submit class: 'btn btn-primary' %>
HTH!
Par défaut, Rails 4 utilise l'attribut 'value' pour contrôler le texte du bouton visible. Par conséquent, pour conserver le balisage propre, j'utiliserais
<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>
les deux fonctionnent <%= f.submit class: "btn btn-primary" %> et <%= f.submit "Name of Button", class: "btn btn-primary "%>