Sử dụng formtastic, tôi có trường số lượng và trường đơn vị yêu cầu số lượng của mục và đơn vị được đo lường.Bao gồm hai yếu tố đầu vào trong cùng một phần tử LI trong Formtastic
Vấn đề của tôi, là tôi muốn hộp đơn vị để hiển thị dọc theo bên hộp số lượng. Tuy nhiên, bởi vì formtastic pust mỗi đầu vào trong phần tử LI của chính nó, tôi không thể khiến chúng xuất hiện bên cạnh nhau.
Bất kỳ ý tưởng nào?
Sử dụng một wrapper html cho số lượng và đơn vị các lĩnh vực của bạn:
<%= form.input :quantity, :wrapper_html => { :class => 'fl' } %>
<%= form.input :unit, :wrapper_html => { :class => 'fl' } %>
Và trong css của bạn (có thể là formtastic-changes.css), một tài sản css float để thả nổi li. Tôi đã thêm một chút của lề phải để cung cấp cho các nhãn đơn vị một số phòng để thở:
form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;}
Bạn có thể phải có các lớp học hoặc id cụ thể cho các wrapper_html và fiddle với css để có được bố trí và khoảng cách của bạn làm việc theo cách bạn muốn.
Trả lời được chấp nhận vì nó cho tôi thấy không có gì khác có hiệu quả. Tôi chỉ đơn giản trộn lẫn cú pháp trình tạo biểu mẫu thông thường. – WedTM
Cảm ơn, nhưng tôi không hiểu tại sao bạn cần sử dụng trình tạo biểu mẫu thông thường? Tôi đang sử dụng kỹ thuật này wrapper_html thành công với formtastic (sử dụng display: inline trong css của tôi thay vì float) và nó hoạt động tốt. – ghoppe
Tôi cũng làm điều này. Nó hoạt động tốt. – jonnii