尼晒し上げワロタ
最近amazarashi聞いてる。
今日も引き続きcheckboxの改良。
これまでのあらすじ
- checkboxがいけてないのでイケてるしヤバいデザインに変更する(参考)
- またスペルミスしてた。"-(ハイフン)"を"_(アンダーバー)"で書くというゴミ具合
- input部分にうまくクラスを当てられていない。。。もぅマヂ無理。。。
- 関数呼び出しはできたけど表示されんのう。
- 全然解決できそうにないので違う方法を模索しよう。 → 模索できなかったので戻ってくる。
- よく読んだらCSSじゃなくて画像表示してんじゃねえかこのやろう!! → 画像を拝借。
- で、画像はどこにおきゃいいんだ
- 使おうとしているCSSが「idつきでinput」->「直後にfor付きのlabel呼び出し」なんだけど、それを既存のbootstrapに適用する方法がわからん。
config.wrappers :horizontal_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-error' do |b| b.use :html5 b.optional :readonly b.use :label, class: 'col-sm-3 control-label' b.wrapper tag: 'div', class: 'col-sm-9' do |ba| ba.use :input ba.use :error, wrap_with: { tag: 'span', class: 'help-block' } ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } end end
↓html
<div class="form-group boolean optional girl_shoot"> <label class="boolean optional col-sm-3 control-label" for="girl_shoot">シュート</label> <div class="col-sm-9"> <input value="0" type="hidden" name="girl[shoot]" /> <label> <input class="boolean optional" type="checkbox" value="1" name="girl[shoot]" id="girl_shoot" /> </label> </div> </div>
どこにいれればいいんだ。どうやってもうまくいかない。。。
【結論】
たかが チェックボックス1つに まじに なっちゃって どーすんの
__  ̄ ̄ ̄二二ニ=- '''''""" ̄ ̄ -=ニニニニ=- /⌒ヽ _,,-''" _ ,(^ω^ ) ,-''"; ;, / ,_O_,,-''"'; ', :' ;; ;,' (.゛ー'''", ;,; ' ; ;; ': ,' _,,-','", ;: ' ; :, ': ,: :' ┼ヽ -|r‐、. レ | _,,-','", ;: ' ; :, ': ,: :' d⌒) ./| _ノ __ノ