2012-07-13 5 views
6

Ich benutze Simple_form, Nested_form und Twitter Bootstrap und versuchen, die "Remove Link" von Nested_form in der gleichen Zeile wie das Objekt zu setzen.Hinzufügen von Steuerelementen inline mit simple_form, nested_form und Twitter Bootstrap in Rails

Im Moment sieht es wie folgt aus:

http://grab.by/eKDS

und ich möchte es so aussehen:

http://grab.by/eKEc

Hier ist, was mein Code wie folgt aussieht:

<%= cform.simple_fields_for :licensings do |lf| %> 
    <%= lf.input :state, :collection => us_states, :wrapper => false %> 
    <%= lf.link_to_remove "Remove this Licensing", :class => 'btn btn-mini btn-danger' %> 
<% end %> 

Ich habe versucht zu setzen der zweite link_to_remove innerhalb eines Blocks für den ersten lf.input, aber dann erscheint das eigentliche Dropdown nicht. Ich habe den Code von simple_form durchgesehen, aber ich konnte nicht herausfinden, ob es einen Weg gibt, dies zu erreichen.

+0

Wie wäre es jeweils in einem div Einwickeln und mit CSS die Positionierung zu behandeln. – diasks2

Antwort

12

Danke für die Antworten, aber ich konnte nicht funktionieren Sie müssen so etwas in Ihnen simple_form der Initialisierer hinzuzufügen. Ich fand die Antwort auf der Google Groups Mailingliste:

https://groups.google.com/forum/?fromgroups#!topic/plataformatec-simpleform/hL9ek5svyAU

<%= cform.simple_fields_for :licensings do |lf| %> 
    <%= lf.input :state do %> 
     <%= lf.input_field :state, :collection => us_states %> 
     <%= lf.link_to_remove "Remove this Licensing", :class => 'btn btn-mini btn-danger' %> 
    <% end %> 
    <% end %> 
1

Haben Sie versucht, die Klasse "Inline" zu Ihrer verschachtelten Form hinzuzufügen?

+0

Ja, aber hier geht es um eine bestimmte Gruppe von Steuerelementen, nicht das gesamte Formular. Für die Form habe ich schon Form-horizontal. – David

1

Wie Sie in der documentation sehen können, können Sie Ihren benutzerdefinierten Wrapper erstellen.

config.wrappers :inline do |b| 
    b.use :placeholder 
    b.use :label_input 
end 

Und verwenden Sie es wie folgt:

<%= cform.simple_fields_for :licensings do |lf| %> 
    <%= lf.input :state, :collection => us_states, :wrapper => inline %> 
    <%= lf.link_to_remove "Remove this Licensing", :class => 'btn btn-mini btn-danger' %> 
<% end %> 
Verwandte Themen