Created
January 24, 2014 12:57
-
-
Save victorbueno/8596736 to your computer and use it in GitHub Desktop.
Simple Form and Zurb Foundation inline forms
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Use this setup block to configure all options available in SimpleForm. | |
SimpleForm.setup do |config| | |
config.wrappers :foundation, class: :input, hint_class: :field_with_hint, error_class: :error do |b| | |
b.use :html5 | |
b.use :placeholder | |
b.optional :maxlength | |
b.optional :pattern | |
b.optional :min_max | |
b.optional :readonly | |
b.wrapper :my_wrapper, tag: :div, class: 'row' do |c| | |
c.use :label, wrap_with: {tag: :div, class: 'large-3 columns'} | |
c.use :input, wrap_with: {tag: :div, class: 'large-9 columns'} | |
end | |
#b.use :label_input | |
b.use :error, wrap_with: { tag: :small } | |
# Uncomment the following line to enable hints. The line is commented out by default since Foundation | |
# does't provide styles for hints. You will need to provide your own CSS styles for hints. | |
#b.use :hint, wrap_with: { tag: :span, class: :hint } | |
end | |
# CSS class for buttons | |
config.button_class = 'button' | |
config.label_class ='inline' | |
# CSS class to add for error notification helper. | |
config.error_notification_class = 'alert-box alert' | |
# The default wrapper to be used by the FormBuilder. | |
config.default_wrapper = :foundation | |
end |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment