2010-03-08 10 views
12

Estoy desarrollando en rails en este momento y me preguntaba si hay alguna manera fácil de agregar algo de estilo al control button_to.Rieles - Agregar estilo/imagen a button_to

se puede añadir estilo a la

<%= submit_tag 'Log in' %> 

o

<%= button_to "Show Me", {:controller => 'personal', :action => "add" } %> 

Sería muy bueno para cambiar el color .... Pero el punto brownie si alguien puede decirme cómo hacer que una imagen

Respuesta

17

Dado que está utilizando una imagen, no hay ninguna razón para usar button_to en lugar de link_to, se perderá el "aspecto del botón" para el usuario. Puede crear una imagen con un enlace de esta manera:

<%= link_to image_tag("rails.png"), {:controller => 'foo', :action => "bar" } %> 

Si, por alguna razón, se necesidad utilizar button_to, se puede dar una clase CSS y aplicar algunos estilos vía que:

<%= button_to "Show Me", {:controller => 'personal', :action => "add" }, {:class => "buttonTo" } %> 
+0

¿Esto es porque cada uno tag acepta un hash 'html_options' como último parámetro? Esto está atrapado en mi cabeza por alguna razón. – Tass

+0

¡Eso es correcto! El último hash que se pasa se convierte básicamente en propiedades directamente en el nodo DOM resultante. Aquí puede especificar clases, ID personalizados o estilos en línea. ¡También puede agregar atributos de datos que su JS puede leer! –

6

Además del puntero muy fino de Mike para usar un :class predefinido, también puede ir a :style y definir el CSS en línea. Ayuda mucho si se quiere definir su estilo sobre la marcha:

<%= button_to "Show Me", {:controller => 'personal', :action => "add" }, {:style => "background: #{obj.colourname}" } %>

(. Con obj siendo algunos instancia de modelo que almacena un valor de color HTML en el atributo colourname)

Cuestiones relacionadas