Tổ chức 6 với Mẫu đơn giản Rails

Question

Simple Form bao gồm mẫu nền tảng 5.

Tuy nhiên, tôi không thể tìm thấy bất kỳ tệp mẫu nào được sửa đổi cho Nền tảng 6 trên web.

Các biểu mẫu được tạo hoạt động tốt như thế nào với Foundation 6? Hơn nữa, bất kỳ chia sẻ hào phóng nào của mẫu Foundation 6 hoặc các mẹo về sửa đổi mẫu hiện có?

Answer 1

Tôi không chắc liệu simple_form có thể được định cấu hình để cung cấp những gì mà Nền tảng 6 yêu cầu cho các trường có lỗi hay không.

Cho đến khi tôi có thể con số đó ra (nếu, nếu, nếu), tôi có hack này ở vị trí sử dụng 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; 
    } 
} 

Bạn có hài lòng với câu trả lời này? Tôi cũng vậy. Tôi hy vọng rằng ai đó có thể "chỉ cho tôi" về điều này với một câu trả lời tốt hơn.

Answer 2

Chỉ cần một bước tiến nhỏ, bạn có thể đặt trong tập tin cấu hình simple_form.rb này:

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

và thông báo lỗi sẽ được định dạng .. Tuy nhiên, tôi không tìm thấy giải pháp cho các nhãn và các đầu vào, vì vậy @ giải pháp của Chris cho nhãn và đầu vào vẫn là cần thiết. Tuy nhiên, nếu bạn không cần nhãn đỏ và các đầu vào, điều này là đủ

Answer 3

Để có được gợi ý (aka giúp văn bản) ngày làm việc một cách chính xác, chỉnh sửa config/simple_form_foundation.rb và thêm:

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