All Projects → caarlos0-graveyard → Rails Bootstrap Toggle Buttons

caarlos0-graveyard / Rails Bootstrap Toggle Buttons

Licence: apache-2.0
unofficial bootstrap toggle buttons for the rails asset pipeline (> 3.1)

Programming Languages

ruby
36898 projects - #4 most used programming language

Rails::Bootstrap::Toggle::Buttons

This gem aims to provide bootstrap-toggle-buttons from nostalgiaz bundled in a simple gem.

Installation

Add this line to your application's Gemfile:

gem 'rails-bootstrap-toggle-buttons'

And then execute:

$ bundle

Or install it yourself as:

$ gem install rails-bootstrap-toggle-buttons

Usage

Just add to your application.css:

*= require bootstrap-toggle-buttons

And to your application.js:

//= require bootstrap-toggle-buttons

Then follow the official documentation.

Hacking for simple_forms

Simple forms add a label around the input type='checkbox', and some custom styles too. At first, you will have to add in your document.ready event something like the following code:

$('.control-label.checkbox').toggleButtons();

But, you will probably get a strange behavior, like an excessive padding. But that's expected. To fix that, add to your css:

label.boolean.control-label.checkbox.toggle-button {
  padding-left: 0;
}

This should solve all the issues.

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].