2017-06-03 51 views
0

我真的找不到解決方法,我相信你可以指導我解決問題。 我想有一個行的複選框,一個星期中的每一天安排在特定的工作日的培訓課程,在我的控制器代碼:Rails 5在check_box_tag標籤中提供額外空間

# GET /eventos/forma_prog 
def forma_prog 
    @entrenadores = User.all 
    @dias = ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"] 
end 

我的表單代碼:

<div class="well"> 
    <%= label_tag :dias %> 
    <div class="form-group checkbox-inline"> 
    <% @dias.each do |day| %> 
     <%= day %><%= check_box_tag 'dias[]', day, checked = false %> 
    <% end %> 
    </div> 
</div> 

的HTML產生的是這樣的:

<div class="form-group checkbox-inline"> 
"                 
               Dom" 
<input type="checkbox" name="dias[]" id="dias_" value="Dom"> 
"                 
               Lun" 
<input type="checkbox" name="dias[]" id="dias_" value="Lun"> 
"                 
               Mar" 
<input type="checkbox" name="dias[]" id="dias_" value="Mar"> 

等。不需要告訴你太多多餘的空格Rails是一個生成字符串中毀了我的理智,我的形式, Rendered

的問題是如何避免/擺脫那些不必要的空間?

我使用Rails的引導,這是風格的代碼,我從瀏覽器(Chrome瀏覽器)開發工具獲得該元素:

.checkbox-inline { 
     position: relative; 
     padding-left: 20px; 
     margin-bottom: 0; 
     vertical-align: middle; 
     font-weight: normal; 
     cursor: pointer; 
    } 
    custom.self-d93…ss?body=1:3933 
.form-group { 
     margin-bottom: 15px; 
    } 

正如我試圖解決這個問題,我沒有土長表單代碼:

<div class="well"> 
    Dias 
    <div class="form-group checkbox-inline"> 
    <% @dias.each do |day| %> 
     <%= label_tag day, day, class: "checkbox-inline" %><%= check_box_tag 'dias[]', day, checked = false %> 
    <% end %> 
    </div> 
</div> 

仍然沒有工作...

+1

這些空間是無害的,問題應該是在造型。請分享相關的CSS樣式。 – Gerry

回答

0

感謝格里的評論我找到了解決我的問題,它是在CSS所以我也改變代碼:

<div class="well"> 
    <% @dias.each_with_index do |day, index| %> 
     <%= label_tag day, day, class: "checkbox-inline nopadding"; %> 
     <%= check_box_tag 'dias[]', index, checked = false, class: "nopadding" %> | 
    <% end %> 
</div> 

,然後定義.nopadding類我custom.scss文件是這樣的:

.nopadding { 
    padding: 1px !important; 
    margin: 3px !important; 
    width: inherit; 
} 

謝謝=)