带有 Rails 简单形式的 Foundation 6答案

【问题标题】：Foundation 6 with Rails Simple Form带有 Rails 简单形式的 Foundation 6
【发布时间】：2016-03-21 11:33:29
【问题描述】：

Simple Form 包含一个 Foundation 5 模板。

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

生成的表单在 Foundation 6 中的使用效果如何？此外，有任何 Foundation 6 模板的慷慨分享或修改现有模板的提示吗？

【问题讨论】：

标签： ruby-on-rails zurb-foundation simple-form zurb-foundation-6

【解决方案1】：

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

在我弄清楚（如果、如果、如果）之前，我已经使用 Sass @extend 完成了这个 hack：

// 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;
  }
}

您对这个答案不满意吗？我也是。我希望有人可以用更好的答案“向我展示”。

【讨论】：

感谢克里斯的帮助 :)
@Gavin 不客气。我们可以一起分享我们的痛苦，因为在我们这样的应用程序中拥有美妙的TODOs。 :D
@ChrisPeters 所以当你安装 simple_form 时，你可以使用基础 5 生成器然后这个 hack 吗？
@Pak 我就是这么做的。不记得我是否在生成的配置中修改了其他任何内容。
@ChrisPeters 是对的。但我必须将application.css 重命名为application.scss（SCSS），并在sn-p 之前添加@import 'foundation_and_overrides';

【解决方案2】：

一点点进步，你可以在配置文件中设置simple_form.rb这个：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：