Получение меток переключателей в той же строке, что и переключатель с Rails

#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 Можете ли вы опубликовать скриншот этого?