simple_form and bootstrap 3 examples

__contents.md

simple_form and bootstrap 3 - Examples

• Helper for horizontal form
• Input groups
• Custom submit button

horizontal_form.md

Helper for horizontal form for bootstrap 3

Helper

app/helpers/forms/forms_helper.rb

module Forms::FormsHelper
  def horizontal_simple_form_for(resource, options = {}, &block)
    options[:html] ||= {}

    # class
    options[:html][:class] ||= []
    if options[:html][:class].is_a? Array
      options[:html][:class] << 'form-horizontal'
    else
      options[:html][:class] << ' form-horizontal'
    end
    options[:html][:role] = 'form'


    options[:wrapper] = :horizontal_form
    options[:wrapper_mappings] = {
      check_boxes: :horizontal_radio_and_checkboxes,
      radio_buttons: :horizontal_radio_and_checkboxes,
      file: :horizontal_file_input,
      boolean: :horizontal_boolean
    }
    simple_form_for(resource, options, &block)
  end
end

Usage

app/views/orders/_form.html.haml

  = horizontal_simple_form_for @order do |f|
    = f.error_notification

    = f.input :textfield1

    = f.button :submit, 'Save', :class=> 'btn-primary'

input_groups.md

Input groups for Bootstrap 3

submit_button.md

Custom submit button

read - https://gist.github.com/maxivak/57a2fb71afeb9efcf771