具有 Rails 简单形式的基础 6

Question

Simple Form 包括 Foundation 5 模板。

但是，我在网上找不到任何为 Foundation 6 修改的模板文件。

生成的表单与 Foundation 6 的配合情况如何？另外，有没有大方的Foundation 6模板分享或者修改现有模板的技巧？

Answer 1

我不确定 simple_form 是否可以配置为提供 Foundation 6 对错误字段的要求。

直到我弄清楚（如果，如果，如果），我已经使用 Sass @extend:

// TODO: This is a hack to get Foundation 6 styles on simple_form 
// elements with errors.
.input.error {
  label {
    @extend .is-invalid-label;
  }

  input,
  textarea,
  select {
    @extend .is-invalid-input;
  }

  small.error {
    @extend .form-error;
    @extend .is-visible;
  }
}

您对这个回答不满意吗？我也是。我希望有人可以 "show me up" 对此给出更好的答案。

Answer 2

稍有进步，你可以在配置文件simple_form.rb中这样设置：

config.wrappers .... do |c|
  ...  
  c.use :error, wrap_with: { tag: :small, class: 'form-error is-visible'
  ..
end

错误消息将被格式化。但是，我没有找到标签和输入的解决方案，所以仍然需要@Chris 的标签和输入解决方案。但是，如果你不需要红色标签和输入，这就足够了

Answer 3

要使提示（又名帮助文本）正常工作，请编辑 config/simple_form_foundation.rb 并添加：

b.use :hint,  wrap_with: { tag: :p, class: 'help-text' }

具有 Rails 简单形式的基础 6

Foundation 6 with Rails Simple Form

ruby-on-rails

zurb-foundation

simple-form

zurb-foundation-6