HTML-код всередині кнопок з simple_form - рубіни на рейках, рубіни, твіттер-бутстрап, прості форми

Я новачок у рейках, і щойно знайшов самоцвіт simple_form. Я встановив його із підтримкою bootstrap, але тепер я не можу змусити цей код працювати так, як я хочу

<%= f.button :submit, "<i class="icon-ok icon-white"></i> Save", class: "btn btn-primary" %>

Я просто хочу помістити піктограму всередину кнопки, але коли я це роблю, вона показує мені кнопку з текстом "<i class =" icon-ok icon-white "> </i> Зберегти"

Я теж намагався це зробити

<%= f.button :submit, class: "btn btn-primary" do %><i class="icon-ok icon-white"></i> Save<% end %>

Але без успіху. Як я можу додати трохи HTML всередину кнопки із самоцвітом simple_form?

Відповіді:

66 за відповідь № 1

Не використовуйте тег content_tag. Наступні роботи:

  <%= button_tag(type: "submit", class: "btn btn-primary") do %>
<i class="icon-ok icon-white"></i> Save
<% end %>

---

22 за відповідь № 2

У simple_form 3.0rc використовується: тип кнопки кнопки (вона передає ваш блок оригінальному помічнику кнопки ActiveView):

<%= f.button :button do %>
<i class="icon-save"></i>
Commit
<% end %>

Або напишіть додаткову обгортку кнопки.

Для отримання додаткової інформації ознайомтесь із методом кнопки simple_form / form_builder.rb FormBuilder #.

---

7 для відповіді № 3

Я думаю, ви не можете зробити це за допомогою simple_form. Але у мене є для вас хороші новини. Вам слід добре користуватися допоміжними рейками поряд із простою формою.

просто роби

button_tag(type: "submit", class: "btn btn-primary") do
content_tag(:i, class: "icon-ok icon-white")
"Save"
end

Не впевнений, що це працює, навіть синтаксис, але він повинен дати вам підказку

---

0 для відповіді № 4

Ви можете зробити це за допомогою наступного коду:

= f.button :button, "Send", data: { disable_with: "<i class="fi-heart"></i> Sending..." }

Зверніть увагу, що ви хочете використовувати f.button замість f.submit Також зауважте, що :button має бути першим параметром f.button

---

0 для відповіді № 5

Кнопка подання прикладу в одному рядку в Rails з класом bootstrap btn:

<%= button_tag(type: "submit", class: "btn btn-primary") do %> Save <% end %>

---