Rails ActiveAdmin, две колонки (не боковая панель) на странице формы

В форме в активном администраторе поля расширяются горизонтально по странице в соответствии с размером окна. Если это большой монитор, справа много «неиспользуемого» пространства.

Как я могу добавить «столбец» (НЕ боковую панель) справа от страницы, чтобы в итоге я получил раздел формы шириной 50% слева и раздел формы шириной 50% справа ?

Мне это нужно, потому что у меня много полей.

Вот так частично выглядит моя форма прямо сейчас...

form do |f|
  f.inputs "Shipment Details" do
    f.input :file_number
    f.input :customer, :label_method => :company_name
    f.input :shipper, :label_method => :company_name
    f.input :broker, :label_method => :company_name
  end
    f.inputs "Places" do
    f.input :place_of_origin, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
    f.input :place_of_loading, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
    f.input :place_of_delivery, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
    f.input :via, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
  end
  f.inputs "Carrier" do
    f.input :carrier, :label_method => :company_name
    f.input :mode, :as => :select,
    :collection => ["Air", "Air Collect", "Air Prepaid", "FCL", "FTL", "LCL", "LTL", "TBA"]
    f.input :mbl, :label => "MBL"
    f.input :hbl, :label => "HQL"
    f.input :vessel
    f.input :container
  end
  f.buttons
end

ruby ruby-on-rails forms activeadmin
person leonel    schedule 22.12.2011    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Это довольно просто, вы можете дать каждому разделу ваших входных данных класс CSS, затем вы должны изменить active_admin.css.scss (или просто .css), чтобы он перемещал ваши формы в нужное место, а также давал им правильную ширину , так далее.

person marcus_mcnally    schedule 22.12.2011
comment
Правильно, если вы хотите просто изменить стиль содержимого, вы должны использовать для этого CSS. - person andrewpthorp; 23.12.2011
comment
Круто, я пытался посмотреть, есть ли способ сделать это с помощью существующего CSS Activeadmin, но если его нет, я последую вашему предложению. Попробую через некоторое время. - person leonel; 23.12.2011
comment
Имейте в виду, что вы должны охватывать весь CSS Activeadmin внутри body.active_admin (или body.active_admin.my_namespace, если вы используете несколько пространств имен activeadmin и хотите, чтобы этот CSS влиял только на мое пространство имен) - person Isaac Betesh; 20.11.2013