Twitter Bootstrap, simple_form, replace checkbox with button.

[prodigerati]

I am using Simple_form, twitter bootstrap, and rails 3.2.2

Does anyone know if there is a way to use the "toggle button" option for bootstrap on boolean fields in a simple_form? I would like to replace the checkboxes with buttons.

Here is what I've tried so far with no luck in the form (rails):

<%= f.input :client_approved, :input_html => { :class => 'btn btn-primary', :data => {:toggle => 'button'} } %>

Here is the HTML output:

<input class="boolean optional btn btn-primary" data-toggle="button" id="id_card_design_client_approved" name="id_card_design[client_approved]" type="checkbox" value="1">

Any ideas on how to assign a button tag to the simple_form input?

Here is an example from the twitter bootstrap website for the toggle button tag:

<button class="btn" data-toggle="button">Single Toggle</button>

[Carlos Antonio da Silva]

How does a "toggle button" relies to "an input field"? I see you're generating an input field but wants a button?

Perhaps I didn't get what you're trying to accomplish.

-- 

At.

Carlos Antonio

[prodigerati]

Hi Carlos,

I would like to replace checkboxes with buttons. If toggled then true, otherwise false.

Thanks,

Javid

[Carlos Antonio da Silva]

I believe I get what you want, it's something like that right? http://twitter.github.com/bootstrap/javascript.html#buttons

But buttons don't give you the state required to send to the server, they're completely different than checkboxes, unless you add some javascript and a hidden field on top of that.

Anyway, it's not possible to create a collection of buttons using SimpleForm, mainly because they're not actually related to an attribute. It's up to you to generate and handle them.

-- 

At.

Carlos Antonio