ruby-on-rails - 在 ActiveAdmin 表单 View 中使用列

Question

我在我的 Rails 项目中使用 ActiveAdmin。如何使用 columns 风格化资源的表单 View 就像里面的展示 View has_many关系(按列，我的意思是有两个或三个不同的 float 内容块)？

这是我尝试设置的代码(我使用了 .arb View ):

f.inputs t('activerecord.models.slide.other') do
  f.has_many :slides, heading: false do |item|

    # I would like to be a first column
    item.input :image,
                 as: :file,
                 label: I18n.t('form.label.slide'),
                 hint: retina_image_tag(item.object, :image, :preview)
    item.input :online,
                 as: :boolean,
                 hint: I18n.t('form.hint.slide.online')

    if item.object.self_image?
      item.input :_destroy,
                   as: :boolean,
                   hint: I18n.t('form.hint.slide.destroy')
    end

    # I would like to be a second column
    item.translated_inputs 'Translated fields', switch_locale: true do |t|
      t.input :title, hint: I18n.t('form.hint.title')
      t.input :description,
                hint: I18n.t('form.hint.content')
    end
  end
end

谢谢你的帮助 !

Answer 1

添加自定义 CSS 以删除 AA 默认表单样式。
应用 float: left 和一半屏幕大小的宽度。

    #active_admin_content 
      form.slider
        fieldset > ol
          li
            fieldset.inputs.has_many_fields > ol > li.input
              float: left
              clear: none
              width: 47% 
            &:nth-child(2)
              float: right
            &:not(.input)
              clear: both