ruby-on-railssimple-formsimple-form-for

How to use Bootstrap's input group in simple_form gem


Environment

Current behavior

I follow example in http://simple-form-bootstrap.plataformatec.com.br/examples/input_group

I start with <%= simple_form_for app, wrapper: :input_group do |f| %> and get Couldn't find wrapper with name input_group, so I uncomment

config.wrappers :input_group, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
    b.use :html5
    b.use :placeholder
    b.optional :maxlength
    b.optional :minlength
    b.optional :pattern
    b.optional :min_max
    b.optional :readonly
    b.use :label, class: 'form-control-label'
    b.wrapper :input_group_tag, tag: 'div', class: 'input-group' do |ba|
      ba.optional :prepend
      ba.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid'
      ba.optional :append
    end
    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
  end

in simple_form_bootstrap.rb

And get undefined methodappend' for class SimpleForm::Inputs::StringInput' instead.

Problem on this <%= f.input :subdomain, append: "example.com" %>

How can I use this, does this even support in simple_form? Don't know why they comment that chunk of code out.


Solution

  • create config/initializers/simple_form_component.rb

    module InputGroup
      def prepend(wrapper_options = nil)
        span_tag = content_tag(:span, options[:prepend], class: "input-group-text")
        template.content_tag(:div, span_tag, class: "input-group-prepend")
      end
    
      def append(wrapper_options = nil)
        span_tag = content_tag(:span, options[:append], class: "input-group-text")
        template.content_tag(:div, span_tag, class: "input-group-append")
      end
    end
    
    # Register the component in Simple Form.
    SimpleForm.include_component(InputGroup)
    

    Source