2013-05-14 4 views
3

simple_form을 사용하여 양식을 만들고 동일한 입력란에 모든 입력을 얻으려고합니다. 모든 요소가 렌더링 된 페이지에서 수평으로 인라인되기를 원합니다.레일 : 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

당신은 의미합니까 : 각 사업부는 라벨과

그래서 당신의 CSS를 같이해야하는 입력 필드가? –

+0

'같은 줄에 모든 입력 내용을 가져 오는 것'은 무엇을 의미합니까? 모든 필드를 함께 표시하는 UI의 관점입니까? – kiddorails

+0

예, 모든 요소가 렌더링 된 페이지에서 수평으로 인라인되기를 원합니다. – allegutta

답변

6

simple_form은 각 입력에 대해 div가 포함 된 양식을 만듭니다. 당신이 모든 요소가 렌더링 된 페이지에 인라인 수평으로 할 것인지

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

그게 전부 고마워! – allegutta

+0

도 내 문제를 해결했습니다. – CHarris

관련 문제