2016-01-04 2 views
0

У меня есть форма, используя простой-форму с начальной загрузки:Как сделать встроенную форму, используя простую форму-

= simple_form_for(@course) do |f| 
    = f.error_notification 

    .form-inputs 
    = f.input :name 
    = f.input :class_size 
    = f.simple_fields_for :lessons do |lesson| 
     = render 'courses/partial/lesson_fields', f: lesson 
     .links 
     = link_to_add_association 'Add Lesson', f, :lessons, 
      partial: 'courses/partial/lesson_fields', class: "btn btn-primary btn-xs" 
    .form-actions 
    = f.button :submit 

lesson_fields.html.haml

.nested-fields 
    = f.input :date, as: :string, :input_html => { class: "datepicker" } 
    = f.input :location 
    = f.input :description 
    = link_to_remove_association "Remove Lesson", f, class: "btn btn-danger btn-xs" 

Как сделать урок форме в одной строке?

+0

какая библиотека css вы используете? Bootstrap? Материальный дизайн? –

+0

@SunnyK Bootstrap – Stephen

+0

Вы всегда можете проверить [checkstrap docs] (http://getbootstrap.com/css/#forms-inline), как это реализовать. –

ответ

0

Вам не хватает :html part?

= simple_form_for @object, html:{id:"<form_id>", class: "<you can define HTML classes here>"} do |f| 

Так вот, если вы хотите установить form-inline класс вместе с simple_form_for, то вы можете установить его внутри HTML части.

0

Попробуйте использовать это:

= simple_form_for(@course, defaults: { input_html: { class: 'form-inline' } }) do |f| 
    = f.error_notification 

    .form-group 
    = f.input :name, input_html: { class: 'form-control' } 
    .form-group 
    = f.input :class_size, input_html: { class: 'form-control' } 
    .form-group 
    = f.simple_fields_for :lessons do |lesson| 
     = render 'courses/partial/lesson_fields', f: lesson 
     .links 
     = link_to_add_association 'Add Lesson', f, :lessons, 
      partial: 'courses/partial/lesson_fields', class: "btn btn-primary btn-xs" 
    .form-actions 
    = f.button :submit 

Я надеюсь, что это поможет вам.

Смежные вопросы