2011-12-22 2 views
3

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

ответ

7

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

+1

Правильно, если вы хотите просто по-разному стилизовать контент, вы бы использовали CSS для этого , – andrewpthorp

+0

Прохладный, я пытался посмотреть, есть ли способ сделать это, используя существующий activeadmin CSS, но если этого не произойдет, я последую вашему предложению. Попробуем это немного. – leonel

+1

Имейте в виду, что вы должны вскрыть все activeadmin CSS внутри «body.active_admin» (или «body.active_admin.my_namespace», если вы используете несколько пространств имен activeadmin, и вы хотите, чтобы этот CSS повлиял на «мое» пространство имен) –