#ruby-on-rails #ruby-on-rails-4
#ruby-on-rails #ruby-on-rails-4
Вопрос:
Rails 4.1 Bootstrap Bootstrap_forms
Я хотел бы видеть метку в той же строке, что и переключатель. Я пробовал это:
<%= f.form_group do %>
<%= f.radio_button :role, 'member', :checked => true %>
<%= f.label :role, 'Non-Candidate / Non-Staff', :style => "display:inline" %>
<%= f.radio_button :role, 'candidate' %>
<%= f.label :role, 'Candidate', :style => "display:inline" %>
<%= f.radio_button :role, 'campaign_staff' %>
<%= f.label :role, 'Campaign Staff', :style => "display:inline" %>
<% end %>
Но это не работает. Метка находится в следующей строке для каждого. Есть идеи?
Комментарии:
1. Вы можете просто поместить это
<%= f.label :role, 'Non-Candidate / Non-Staff', :style => "display:inline" %>
рядом с этим<%= f.radio_button :role, 'member', :checked => true %>
. Мы всегда так делаем. Это работает.2. Забыл сказать таблицы.
3. Я не понимаю. Это тот же код
4. Да. это тот же код. Но вы должны сделать это тем способом, который я указал в своем ответе.
5. Пожалуйста, попробуйте мой ответ, и вы узнаете, какой трюк я использовал.
Ответ №1:
Вы можете использовать таблицы и просто поместить label
код, т.е. <%= f.label :role, 'Non-Candidate / Non-Staff', :style => "display:inline" %>
рядом с radio_button
кодом, т.е. <%= f.radio_button :role, 'member', :checked => true %>
и разместив их между <td></td> tags
.То же самое относится и к остальным.
<%= f.form_group do %>
<table>
<tr>
<td><%= f.radio_button :role, 'member', :checked => true %><%= f.label :role, 'Non-Candidate / Non-Staff', :style => "display:inline" %></td>
<td><%= f.radio_button :role, 'candidate' %><%= f.label :role, 'Candidate', :style => "display:inline" %></td>
<td><%= f.radio_button :role, 'campaign_staff' %><%= f.label :role, 'Campaign Staff', :style => "display:inline" %></td>
</tr>
</table>
<% end %>
Вот наш рабочий фрагмент кода
<tr>
<td><%= "Employee Type" %></td>
<td><%= radio_button 'employee', 'employee_type', "employee" %><%= "Employee" %></td>
<td><%= radio_button 'employee', 'employee_type', "retainer" %><%= "Retainer" %></td>
<td><%= radio_button 'employee', 'employee_type', "doctor" %><%= "Doctor" %></td>
</tr>
Вот скриншот
Комментарии:
1. Это не работает, потому что я использую стили начальной загрузки и драгоценный камень bootstrap-forms. Смотрите мой вопрос. Для того, чтобы это работало, мне понадобилось бы несколько ячеек для каждой строки таблицы. Использование предложенного вами кода по-прежнему помещает метку под кнопкой
2. @EastsideDeveloper Можете ли вы опубликовать скриншот этого?