Добавьте класс CSS в <% = f.submit%> - PullRequest
211 голосов
/ 15 марта 2011

Мой вопрос прост:

<%= f.submit %>

Куда идет объявление класса?Я получаю ошибки при нескольких попытках.

Ответы [ 7 ]

344 голосов
/ 15 марта 2011
<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

Это должно сделать.Если вы получаете сообщение об ошибке, скорее всего, вы не вводите имя.

В качестве альтернативы вы можете использовать кнопку без стиля:

form#form_id_here input[type=submit]

Попробуйте также.

129 голосов
/ 10 сентября 2013

Вы можете добавить объявление класса к кнопке отправки формы, выполнив следующие действия:

<%= f.submit class: 'btn btn-default' %> <- Примечание: запятая отсутствует! </p>

Если вы изменяете _ form.html.erb частичку эшафота и хотите сохранить динамическое изменение имени кнопки между действиями контроллера, НЕ указывайте имя 'name'.

Без указания имени и в зависимости от действия, отображаемого на форме, кнопка получит .class = "btn btn-default" (класс начальной загрузки) (или любой указанный вами .class) со следующими именами:

  • Обновить имя модели

  • Создать имя модели
    (где model_name - название модели лесов)

25 голосов
/ 22 января 2014

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

11 голосов
/ 10 мая 2013

Как говорит Срджан Пежич, вы можете использовать

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

или новый синтаксис:

<%= f.submit 'name', class: 'button' %>
8 голосов
/ 31 августа 2018

Решение при использовании form_with helper

Для тех, кто использует Rails 5.2 с form_with helper: не добавляйте запятую !

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

Screenshot with no comma

HTH!

2 голосов
/ 30 августа 2013

По умолчанию Rails 4 использует атрибут 'value' для управления видимым текстом кнопки, поэтому для поддержания разметки в чистоте я бы использовал

<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>
0 голосов
/ 21 июня 2019

оба они работают <%= f.submit class: "btn btn-primary" %> и <%= f.submit "Name of Button", class: "btn btn-primary "%>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...