How do you override the class name in the form_for helper?

Question

I need to add some class names to my form. I'm using Rails' form_for helper to do this. I've tried adding { :class => 'classname' } to no avail.

How can I add classes to this Rails helper output?

Do you mean CSS classes (rather than Ruby classes)? – Chowlett Jul 30 '11 at 07:00 — Chowlett, Jul 30 '11 at 07:00

Harish Shetty · Accepted Answer · 2011-07-30T15:00:22.603

92

Try this:

form_for @order, :html => {:class => "foo"}

edited Jul 30 '11 at 15:00

answered Jul 30 '11 at 07:01

Harish Shetty

64,083
21
152
198

Yeh, I was air-coding and forgot the syntax. – Harish Shetty Jul 30 '11 at 15:00
Is over-riding the default class safe for rails 4? – tipycalFlow Sep 04 '15 at 16:28
@tipycalFlow It should be fine as long as you know what you are doing. – Harish Shetty Sep 04 '15 at 17:02

score 7 · Answer 2 · answered Jul 30 '13 at 17:32

For Rails 4.0 here is the example from the guides:

http://guides.rubyonrails.org/form_helpers.html

1.2 Multiple Hashes in Form Helper Calls

form_tag(controller: "people", action: "search", method: "get", class: "nifty_form")
# => '<form accept-charset="UTF-8" action="/people/search?method=get&class=nifty_form" method="post">'

score 2 · Answer 3 · answered Jun 02 '16 at 07:13

Ruby Code Below,

<%= form_for :article, :html => { :class => "article-form" } do |form| %>
    <p>
        <%= form.label :title %>
        <%=
        form.text_field :title,
            placeholder: "A******'s title"
        %>
    </p>
    <p>
        <%= form.label :text %>
        <%=
        form.text_field :text,
            placeholder: "A******'s content"
        %>
    </p>
    <p>
        <%= form.submit %>
    </p>
<% end %>

HTML Output Below,

<form class="article-form" action="/articles/new" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="authenticity_token" value="BRBjb0maKb5kNbGXV0wwoLeFUV6El2la/sOwweWhyN+nEIOK2Wam5Xz8PasZtpwvmiCF7yIO8Pab/OR2uoeZQA==">
    <p>
        <label for="article_title">Title</label>
        <input placeholder="A******'s title" type="text" name="article[title]" id="article_title">
    </p>
    <p>
        <label for="article_text">Text</label>
        <input placeholder="A******'s content" type="text" name="article[text]" id="article_text">
    </p>
    <p>
        <input type="submit" name="commit" value="Save Article">
    </p>
</form>

How do you override the class name in the form_for helper?

3 Answers3

Linked