/ / HTML कोड के अंदर बटन simple_form - रूबी-ऑन-रेल, रूबी, ट्विटर-बूटस्ट्रैप, सरल-फ़ॉर्म

सरल_फॉर्म के साथ बटन के अंदर HTML कोड - रूबी-ऑन-रेल, रूबी, ट्विटर-बूटस्ट्रैप, सरल-रूप

मैं रेल के लिए नया हूँ, और बस simple_form रत्न पाया। मैंने इसे बूटस्ट्रैप सुपरपोर्ट के साथ स्थापित किया है, लेकिन अब मैं इस कोड को उस तरह से काम करने के लिए नहीं पा सकता हूं जैसा मैं चाहता हूं

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

मैं केवल आइकन को बटन के अंदर रखना चाहता हूं, लेकिन जब मैं ऐसा करता हूं, तो यह मुझे "<i class =" आइकन-ठीक आइकन-सफेद "> </ i> सहेजें" के साथ एक बटन दिखाता है

मैंने भी करने की कोशिश की

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

लेकिन कोई सफलता नहीं मिली। मैं simple_form रत्न के साथ बटन के अंदर कुछ HTML कैसे जोड़ सकता हूं?

उत्तर:

उत्तर № 1 के लिए 66

डॉन "t यूज़ कंटेंट_टैग। निम्न कार्य

  <%= 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

बूटस्ट्रैप btn वर्ग के साथ रेल में एक लाइन उदाहरण सबमिट बटन:

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