2013-05-14 3 views
3

Я делаю форму с simple_form, и я пытаюсь получить все входы на одной строке (я хочу, чтобы все элементы были горизонтальными на отображаемой странице).Rails: Simple_form на одной строке?

У меня проблема в течение нескольких часов, но я не мог найти решение, которое работает.

Код simple_form:

<%= simple_form_for(@post, :html => {:class => 'form-inline' }) do |f| %> 
    <%= f.input :link, label: false, placeholder: "here..." %> 
    <%= f.input :type, as: :radio_buttons, collection: [['<span class="add-on"><i class="icon-on icon-white"></i></span>'.html_safe, '0'], ['<span class="add-on"><i class="icon-off icon-white"></i></span>'.html_safe, '1'], ['<span class="add-on"><i class="icon-on icon-white"></i> + <i class="icon-of icon-white"></i></span>'.html_safe, '2']], item_wrapper_class: 'inline', label: false %> 
    <%= button_tag(type: 'submit', class: "btn btn-inverse") do %> 
     <i class="icon-ok icon-white"></i> 
    <% end %> 
<% end %> 

Любое решение этой проблемы?

+0

ли вы имеете в виду, что вы хотите, это все элементы, чтобы быть инлайн горизонтально на отображаемой странице? –

+0

Что вы подразумеваете под ', чтобы получить все входы в одной строке'. С точки зрения пользовательского интерфейса, чтобы отображать все поля вместе? – kiddorails

+0

Да, я хочу, чтобы все элементы отображались горизонтально на отображаемой странице. – allegutta

ответ

6

simple_form создает форму, содержащую div для каждого входа. Каждый ДИВ содержит метку и поле ввода

поэтому ваш CSS должен выглядеть следующим образом:

.form-inline div { display: inline-block } 
+0

Thats it, thanks! – allegutta

+0

разобрал мою проблему тоже. – CHarris

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