web-dev-qa-db-de.com

Fügen Sie eine CSS-Klasse zu <% = f.submit%> hinzu

Meine Frage ist einfach:

<%= f.submit %>

Wohin geht die Klassendeklaration? Ich erhalte Fehler bei mehreren Versuchen.

ruby-on-railscssruby-on-rails-3
211
sscirrus
<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

Das sollte reichen. Wenn Sie eine Fehlermeldung erhalten, ist die Wahrscheinlichkeit groß, dass Sie den Namen nicht angeben.

Alternativ können Sie die Schaltfläche auch ohne Klasse gestalten:

form#form_id_here input[type=submit]

Versuchen Sie das auch.

348
Srdjan Pejic

Sie können der Senden-Schaltfläche eines Formulars eine Klassendeklaration hinzufügen, indem Sie folgendermaßen vorgehen:

<%= f.submit class: 'btn btn-default' %> <- Hinweis: Es gibt kein Komma!

Wenn Sie ein _ form.html.erb Teil eines Gerüsts ändern und die dynamische Änderung des Tastennamens zwischen Controller-Aktionen beibehalten möchten, DO NICHT einen Namen angeben 'name'.

Ohne Angabe eines Namens und abhängig von der Aktion, mit der das Formular gerendert wird, erhält die Schaltfläche das .class = "btn btn-default" (Bootstrap-Klasse) (oder was auch immer .class Sie geben) mit folgenden Namen an:

  • Modellname aktualisieren

  • Modellname erstellen
    (wobei model_name der Name des Gerüstmodells ist)

131
aloucas

Rails 4 und Bootstrap 3 "Primary" Button

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

Ergibt so etwas wie:

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

25
cwd

Wie Srdjan Pejic sagt, können Sie verwenden

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

oder die neue Syntax wäre:

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

Lösung Wenn Sie form_with helper verwenden

Für diejenigen, die Rails 5.2 verwenden, ist withform_with helper: füge kein Komma hinzu !

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

Screenshot with no comma

HTH!

8
BKSpurgeon

Standardmäßig verwendet Rails 4 das Attribut 'value', um den sichtbaren Schaltflächentext zu steuern, damit das Markup sauber bleibt, das ich verwenden würde

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

beide arbeiten <%= f.submit class: "btn btn-primary" %> und <%= f.submit "Name of Button", class: "btn btn-primary "%>

0
gsumk