How to add styling to a single input in a form_for

17,669

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
Share:
17,669
Alain Goldman
Author by

Alain Goldman

I write tons of code and I drink the same amount of coffee for fuel. React / React-Native / Ruby / Rails / Meteor / Solidity / Truffle

Updated on June 04, 2022

Comments

  • Alain Goldman
    Alain Goldman almost 2 years

    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