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
Имайте предвид, че трябва да обхващате всички activeadmin CSS в body.active_admin (или body.active_admin.my_namespace, ако използвате няколко пространства от имена на activeadmin и искате този CSS да засяга само пространството от имена my) - person Isaac Betesh; 20.11.2013