simple_form渲染单选按钮组与 (X)标签,含Twitter的引导?(simple_f

2019-06-25 22:41发布

我试着在一段时间内使用simple_form创建下面的例子,但+标签和固定一些造型。 任何人都知道如何解决:

  • 除去2的不知道是哪里来的(似乎生产国际化怪虫,它抛出的I18n的一大堆)
  • 有单选按钮,文本男性或女性

从下面的代码的结果:

     .clear
    = f.label "Gender"
    = f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']],
                                 :first, :last,
                                 :item_wrapper_class => 'horizontal',
                                 ) do |gender|
      = gender.label { image_tag("/assets/icons/16x16/#{gender.text}.png") + gender.radio_button  }

    .clear
    .ruler

Answer 1:

要删除2秒,并在那里的使用权取得的文本标签:

= f.label "Gender"
= f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']],
                             :first, :last,
                             :item_wrapper_class => 'horizontal',
                             ) { |gender| gender.label { image_tag("/assets/icons/16x16/#{gender.text}.png") + gender.radio_button + gender.text } }

卸下=的前gender.label将删除2秒。



Answer 2:

Rubytastic你有你的答案多了一个逗号。 下面是@ 23inhouse被提示正确的代码。 它为我的

  • 3.1.3轨道
  • 简单的形式2.0.2
  • HAML 3.1.4
  • HAML护栏0.3.4

    = simple_form_for @object_new do |f|
      .clear
      = f.label "Gender"
      - f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']], :first, :last, :item_wrapper_class => 'horizontal') do |gender|
        = gender.label { image_tag("rails.png") + gender.radio_button  }
      .clear
      .ruler


Answer 3:

最终工作片断:

= f.label "Gender"
- f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']], :first, :last, :item_wrapper_class => 'horizontal') do |gender|
  = gender.label { image_tag("/assets/icons/16x16/#{gender.text}.png") + gender.radio_button  }
.clear
.ruler


文章来源: simple_form render radio button group with ( X ) Label with twitter bootstrap?