simple_form rails form for ruby-on-rails ruby twitter-bootstrap simple-form

ruby-on-rails - simple_form - rails forms select



Código HTML dentro de los botones con simple_form (5)

Soy nuevo en rails, y acabo de encontrar la gema simple_form. Lo instalé con soporte de arranque, pero ahora no puedo hacer que este código funcione como yo quiero

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

Solo quiero poner el icono dentro del botón, pero cuando hago esto, me muestra un botón con el texto ''<i class ='' ​​icon-ok icon-white ''> </ i> Save''

También traté de hacer

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

Pero sin éxito. ¿Cómo puedo agregar algo de HTML dentro del botón con la gema simple_form?


Botón de envío de ejemplo de una línea en Rails con bootstrap btn class:

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


Creo que no puedes hacerlo con simple_form. Pero tengo buenas noticias para ti. Deberías estar bien usando los carriles auxiliares junto con la forma simple.

solo haz

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

No estoy seguro de si esto funciona, incluso la sintaxis, pero debería darle una pista


En simple_form 3.0rc use: botón de tipo de botón (pasa su bloque al botón original de ayuda de ActiveView):

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

O escriba envoltorio de botón adicional.

Para obtener información adicional, busque en el método de botón de # FormBuilder # simple_form / form_builder.rb.


No use content_tag. Los siguientes trabajos:

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


Puedes hacer esto con el siguiente código:

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

Tenga en cuenta que desea utilizar f.button lugar de f.submit También tenga en cuenta que :button debe ser el primer f.button de f.button