Simple_form adding class to form

Question

I am using simple_form in my Rails application, I tried to add form-horizontal class to my form.

<form accept-charset="UTF-8" action="/account/orders" class="simple_form new_order" data-validate="true" enctype="multipart/form-data" id="new_order" method="post" novalidate="novalidate">

When I use html: { class: "form-horizontal" } it change class="simple_form new_order" to class="simple_form form-horizontal".

What should I do to keep new_order class?

score 65 · Answer 1 · answered Jun 18 '14 at 01:18

65

it works for me like this

= simple_form_for @model, html: { class: "form-horizontal"} do |f|
  ...

it compiles to

<form accept-charset="UTF-8" action="/numbers" class="simple_form form-horizontal" id="new_number" method="post">

answered Jun 18 '14 at 01:18

Pavel Kalashnikov

2,092
1
19
22

3

I think it's worth mentioning that this question was asked in Dec 2012. According to the version history, https://rubygems.org/gems/simple_form/versions, Simple Form 3 had not been released yet. In Simple Form 2, this answer is not correct. – Kurt Mueller Jun 10 '15 at 14:54

score 3 · Accepted Answer · edited Mar 15 '19 at 13:53

3

It's intended behaviour.

So if you want to change it you should monkey-patch simple_form_css_class method in this file.

edited Mar 15 '19 at 13:53

Maksim Kalmykov

1,293
3
20
26

answered Dec 16 '12 at 18:42

Vasiliy Ermolovich

24,459
5
79
77

score 3 · Answer 3 · answered Oct 29 '13 at 18:17

3

this works for me config.form_class = 'form-horizontal' and keep new_model class

answered Oct 29 '13 at 18:17

aminhotob

1,056
14
17

2

The obvious drawback to this is now every form has this class, which is usually not what you want. – Kurt Mueller Jun 10 '15 at 14:55

score 0 · Answer 4 · answered Jun 25 '22 at 09:52

0

input_html: { class: "form-horizontal"}

works fine in rails 7

answered Jun 25 '22 at 09:52

ochi

131
1
3

Simple_form adding class to form

4 Answers4

Linked

Related