如何在導軌中添加開關切換按鈕到簡單窗體

我正在使用Rails 4和簡單窗體以及Bootstrap。如何在導軌中添加開關切換按鈕到簡單窗體

我想，我的複選框會不喜歡：

<%= c.input :my_bool_field, label: false, class: "form-control" %>

，但類似的東西（我有用於該CSS）

<label class="switch switch-primary"> 
    <input type="checkbox" /> 
    <span></span> 
</label>

我知道我可以使用simple_form包裝，但我f他們有點混淆他們..有人可以幫助我創建與該樣式複選框？通過初始化或在視圖中調用jQuery函數

來源

2016-09-20 Guy Dubrovski

結帳了Rails Switchery寶石在自舉和iOS風格切換https://github.com/abpetkov/switchery

輕鬆定製發現沒有試圖改變simpleforms預建的包裝。

來源

2016-09-20 12:37:41 bkunzi01

沒了..上面的代碼生成：''

–

你使用input_field或者只是c.input？ Input_field應該剝離div包裝。 – bkunzi01

仍然沒有工作..：/ –

只是把複選框內

<label class="switch switch-primary"> 
    <%= f.input_field :my_bool_field, label: false, as: :boolean, class: 'form-control' %> 
    <span></span> 
</label>

來源

2016-09-20 12:49:43

謝謝！切換按鈕的出現是一個很大的進步，但它不會對點擊產生反應。這裏是將所生成的代碼：'<標籤類= 「開關切換主」> <輸入值= 「0」型= 「隱藏」名稱= 「設計者[company_attributes] [email_monthly_summary]」><輸入標籤=「假「類=」布爾可選形式控制用戶成功」類型= 「複選框」值= 「1」檢查= 「選中」名稱= 「設計者[company_attributes] [email_monthly_summary]」 ID = 「designer_company_attributes_email_monthly_summary」> ' –

那是因爲跨度超出了標籤。標籤和輸入的順序關閉。任何想法如何解決？ –

我發現這個項目非常有用，完整。它是基於Twitter的引導：http://www.bootstraptoggle.com/

有一個rails gem嵌入式它：

來源

2017-03-09 16:38:58 nizzin

雖然這在理論上可以回答的問題，[這將是優選的]（// meta.stackoverflow.com/q/8259），包括在這裏的答案的主要部分，並提供鏈路參考。 – Draken

如何在導軌中添加開關切換按鈕到簡單窗體

回答

相關問題