Can't edit classes on input elements.

[antonysastre]

Hi, i'm struggling with setting classes on input elements.
I'd be happy to contribute to the documentation but need to figure it out first.

I'm trying to add a class to the select input, this is what i've so far:

<%= f.select :client_id, options_from_collection_for_select(Client.all, :id, :name), class: 'form-select-sm' %>

- html: { class: 'form-select-sm' }
- html_options: { class: 'form-select-sm' }
- html_options: { control_class: 'form-select-sm' }
- wrapper_class: 'form-select-sm'

None of these change the actual input class. It still produces:

<select class="form-select" name=[…]>

Similarly, trying to change the 'mb-3' class on a checkbox input using the same method above never overwrites the default margin. I can't find anything in the docs, am i missing something?

[lcreid]

Thanks for raising this issue. This may require a bit of digging on our part.

In the meantime, I notice in the example you give that you have [] around class: 'form-select'-sm. Have you tried {}? Does it give different results?

[antonysastre]

Thanks for raising this issue. This may require a bit of digging on our part.

In the meantime, I notice in the example you give that you have [] around class: 'form-select'-sm. Have you tried {}? Does it give different results?

Sorry about the [] my mistake, it was intended as a marker for where i tested the options above. I've edited the original question.

[donv]

If I understand the issue, I think the README has an answer:

https://github.com/bootstrap-ruby/bootstrap_form#selects

[antonysastre]

@donv Thanks, i re-read and found i missed having to put an hash param as third param. So this solved the issue. ✅

<%= f.select :client_id, options_from_collection_for_select(Client.all, :id, :name), {}, { class: 'form-select-sm' } %>

--

But while i'm here, i can't seem to find options to replace f.checkbox wrapper class. In my example i mentioned above the scenario is:
<%= f.checkbox, wrapper_class: 'mb-0', switch: true %>

Produces the wrapper class:
<div class="form-check mb-3 mb-1">…</div>

Is there way to force replacing classes, or is the go-to to create my own Form builder?

[donv]

But while i'm here, i can't seem to find options to replace f.checkbox wrapper class. In my example i mentioned above the scenario is: <%= f.checkbox, wrapper_class: 'mb-0', switch: true %>

Produces the wrapper class: <div class="form-check mb-3 mb-1">…</div>

Is there way to force replacing classes, or is the go-to to create my own Form builder?

@antonysastre See #686