I'm using Simple_form with Rails 3.2.1

All fine, except that I need to set the 'data-content' attribute for the input_html for bootstrap popover

However, when I use the following Rails/Ruby doesn't like the code as there is a dash in the 'data-content' method:

<%= f.input :first_name, :required => true, :label => "First Name", :autofocus => true, :input_html => {:rel => "tooltip", :title => "Testing!", :data-content => "Popover content"} 

and i get an error:

 undefined local variable or method `content'

Does anyone know how you can set data-content for input elements using simple_form???

thanks

I'm using Simple_form with Rails 3.2.1

All fine, except that I need to set the 'data-content' attribute for the input_html for bootstrap popover

However, when I use the following Rails/Ruby doesn't like the code as there is a dash in the 'data-content' method:

<%= f.input :first_name, :required => true, :label => "First Name", :autofocus => true, :input_html => {:rel => "tooltip", :title => "Testing!", :data-content => "Popover content"} 

and i get an error:

 undefined local variable or method `content'

Does anyone know how you can set data-content for input elements using simple_form???

thanks

• javascript
• ruby-on-rails
• twitter-bootstrap
• simple-form

Share Improve this question Follow asked Apr 8, 2012 at 13:25 bobomorenobobomoreno 2,85855 gold badges2626 silver badges4242 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

You can't use - in ruby symbols but you can use a string like "data-content". So, this will probably work:

<%= f.input :first_name, :required => true, :label => "First Name", :autofocus => true, :input_html => {:rel => "tooltip", :title => "Testing!", 'data-content'=> "Popover content"} 

I think you can use the data setting as follows:

<%= f.input blar..., :input_html => { :data => { content: => "Popover content"}}

this should give you an attribute data-content="Popover content"

You can't use hyphens in your symbol names. :data-content is interpreted as :data - content => the symbol :data minus `content.

Instead, wrap it in quotes ... "data-content" => "Popover content" ...