HTML kód vo vnútri tlačidiel s simple_form - ruby-on-rail, ruby, twitter-bootstrap, simple-form

Som nováčik na koľajniciach a práve som našiel klenot simple_form. Nainštaloval som ho s podporou bootstrapu, ale teraz nemôžem dostať tento kód tak, ako by som chcel

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

Chcem len vložiť ikonu do tlačidla, ale keď to urobím, ukáže sa mi tlačidlo s textom „<i class =" icon-ok icon-white "> </i> Uložiť"

Tiež som to skúsil

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

Ale bez úspechu. Ako môžem pridať nejaký HTML vo vnútri tlačidla pomocou drahokamu simple_form?

odpovede:

66 pre odpoveď č. 1

Nepoužívajte obsah_tag. Nasledujúce práce:

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

---

22 pre odpoveď č. 2

V jednoduchom tvare 3.0rc použite: typ tlačidla (prepína blok do pôvodného pomocníka tlačidla ActiveView):

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

Alebo napíšte ďalší obal na gombíky.

Ďalšie informácie nájdete v metóde simple_form / form_builder.rb FormBuilder # button.

---

7 pre odpoveď č. 3

Myslím, že to nemôžete urobiť s simple_form. Ale mám pre vás dobrú správu. Mali by ste byť v poriadku pomocou pomocníkov na koľajniciach spolu s jednoduchým formulárom.

urob

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

Nie ste si istí, či to funguje, dokonca aj syntax, ale mala by vám poskytnúť nápovedu

---

0 pre odpoveď č. 4

Môžete to urobiť pomocou nasledujúceho kódu:

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

Upozorňujeme, že chcete použiť f.button namiesto f.submit Upozorňujeme tiež na to :button musí byť prvou prioritou f.button

---

0 pre odpoveď č. 5

Jeden riadkový príklad odoslať tlačidlo v Rails s bootstrap btn trieda:

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

---