SimpleForm.setup do |config| config.label_text = lambda { |label, required, explicit_label| "#{label}" } config.error_notification_class = 'alert alert-danger' config.button_class = 'btn btn-default' config.boolean_label_class = nil config.wrappers :vertical_form, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.use :placeholder b.optional :maxlength b.optional :pattern b.optional :min_max b.optional :readonly b.use :label, class: 'form-control-label' b.use :input, class: 'form-control' b.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } b.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end config.wrappers :vertical_file_input, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.use :placeholder b.optional :maxlength b.optional :readonly b.use :label, class: 'form-control-label' b.use :input b.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } b.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end config.wrappers :vertical_boolean, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.optional :readonly b.wrapper tag: 'div', class: 'checkbox' do |ba| ba.use :label_input end b.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } b.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end config.wrappers :vertical_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.optional :readonly b.use :label, class: 'form-control-label' b.use :input b.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } b.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end config.wrappers :horizontal_form, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.use :placeholder b.optional :maxlength b.optional :pattern b.optional :min_max b.optional :readonly b.use :label, class: 'col-sm-3 form-control-label' b.wrapper tag: 'div', class: 'col-sm-9' do |ba| ba.use :input, class: 'form-control' ba.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end config.wrappers :horizontal_file_input, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.use :placeholder b.optional :maxlength b.optional :readonly b.use :label, class: 'col-sm-3 form-control-label' b.wrapper tag: 'div', class: 'col-sm-9' do |ba| ba.use :input ba.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end config.wrappers :horizontal_boolean, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.optional :readonly b.wrapper tag: 'div', class: 'col-sm-offset-3 col-sm-9' do |wr| wr.wrapper tag: 'div', class: 'checkbox' do |ba| ba.use :label_input end wr.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } wr.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end config.wrappers :horizontal_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.optional :readonly b.use :label, class: 'col-sm-3 form-control-label' b.wrapper tag: 'div', class: 'col-sm-9' do |ba| ba.use :input ba.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end config.wrappers :inline_form, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.use :placeholder b.optional :maxlength b.optional :pattern b.optional :min_max b.optional :readonly b.use :label, class: 'sr-only' b.use :input, class: 'form-control' b.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } b.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end config.wrappers :multi_select, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.optional :readonly b.use :label, class: 'form-control-label' b.wrapper tag: 'div', class: 'form-inline' do |ba| ba.use :input, class: 'form-control' ba.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end # Wrappers for forms and inputs using the Bootstrap toolkit. # Check the Bootstrap docs (http://getbootstrap.com) # to learn about the different styles for forms and inputs, # buttons and other elements. config.default_wrapper = :vertical_form config.wrapper_mappings = { check_boxes: :vertical_radio_and_checkboxes, radio_buttons: :vertical_radio_and_checkboxes, file: :vertical_file_input, boolean: :vertical_boolean, datetime: :multi_select, date: :multi_select, time: :multi_select } config.wrappers :vertical_input_group, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.use :placeholder b.use :label, class: 'form-control-label' b.wrapper tag: 'div' do |ba| ba.wrapper tag: 'div', class: 'input-group col-sm-12' do |append| append.use :input, class: 'form-control' end ba.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end config.wrappers :horizontal_input_group, tag: 'div', class: 'form-group', error_class: 'has-danger' do |b| b.use :html5 b.use :placeholder b.use :label, class: 'col-sm-3 form-control-label' b.wrapper tag: 'div', class: 'col-sm-9' do |ba| ba.wrapper tag: 'div', class: 'input-group col-sm-12' do |append| append.use :input, class: 'form-control' end ba.use :error, wrap_with: { tag: 'span', class: 'form-control-feedback' } ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end end