-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Twitter Bootstrap integration
We are working on the Twitter Bootstrap integration on the master branch. You can see an example application here: https://github.com/rafaelfranca/simple_form-bootstrap
We would be very happy if you could use Simpleform master and open up issues for whatever you find!
If you want to try another solution in the section below has a tutorial about integration with SimpleForm 1.5 made by our contributors.
Instructions for (probably half-baked) Twitter Bootstrap integration (SimpleForm 1.5):
-
Create
lib/simple_form/contained_input_component.rb
with the following code:module SimpleForm module Components module ContainedInput def contained_input '
' + input + (error.nil? ? '' : error) + '' end end end module Inputs class Base include SimpleForm::Components::ContainedInput end end end -
In
config/initializers/simple_form.rb
, modify options like this (via http://stackoverflow.com/questions/7198109/rails-using-simple-form-and-integrating-twitter-bootstrap#answer-7300806):config.components = [ :label, :contained_input ] SimpleForm.wrapper_class = 'control-group' SimpleForm.wrapper_error_class = 'error' SimpleForm.label_class = 'control-label' SimpleForm.error_class = 'help-inline' SimpleForm.form_class = 'form-horizontal'
-
Add the following to the end of
config/initializers/simple_form.rb
(before the lastend
):require 'simple_form/contained_input_component.rb'
This page was created by the OSS community and might be outdated or incomplete. Feel free to improve or update this content according to the latest versions of SimpleForm and Rails to help the next developer who visits this wiki after you.
Keep in mind to maintain the guides as simple as possible and to avoid additional dependencies that might be specific to your application or workflow (such as Haml, RSpec, Guard and similars).