How to add styling to a single input in a form_for

ruby-on-rails ruby haml twitter-bootstrap-rails
Alain Goldman picture Alain Goldman · Jul 6, 2013 · Viewed 16.9k times · Source

I'm using the rails framework with HAML and I have bootstrap setup. How would I format the field inputs seperately. I want the input field for name to be 60% of the screen float left and the input for price to be 25% of the screen and float right.

I guess i'm asking how do i add classes to single inputs in a form_for. Thanks

= form_for @product,:url => products_path, :html => { :id => "fileupload", :multipart => true } do |f| 
  %p
    = f.label :name
    = f.text_field :name # i want to format this
  %p
    = f.label :price
    = f.text_field :price

Answer

Martin M picture Martin M · Jul 6, 2013

you can add a class to any form helper and use CSS to format it:

= f.text_field :name, class: 'your_class' # i want to format this

of cause you can also set a style option directly, but it is recommended to separate content and styling. So don't

= f.text_field :name, style: 'float: left; width: 60%; display: block' # i want to format this

Related questions

incompatible character encodings: ASCII-8BIT and UTF-8

I use Ruby 1.9.2 and Rails 3.0.5 I have the following error: incompatible character encodings: ASCII-8BIT and UTF-8 It has nothing to do with the database i think. The error is happinging on this line in a view (just a div …

Read More
How do I get Haml to work with Rails?

I am trying to get Haml to work with my Ruby on Rails project. I am new to Ruby on Rails and I really like it. However, when I attempt to add an aplication.html.haml or index.html.haml …

Read More
Inline ruby in :javascript haml tag?

Hey is there a way I can do this in haml? :javascript var Tab = <%= @tab %> I could just add a helper I guess like: <script> var Tab = '<%= @tab %>' </script> But …

Read More