simple_form添加与我的css冲突的类。需要删除课程

时间:2018-01-18 16:26:56

标签: ruby-on-rails bootstrap-4 simple-form

我正在使用Simple_form和Rails 5以及bootstrap 4.我遇到了一个问题,我将我的数据类型设置为:text

我的引导程序表单会引入类文本,但这会使我的表单隐藏在页面上某些内容的某处。当我删除文本类并添加一个字符串类时,它将出现在视图中。

这里最好的选择是什么?只是尝试将文本类更改为字符串类? 或尝试修改文本类简单形式是调用其他text_new类或其他东西所以它不与其他地方的东西冲突?

这是我得到的代码和结果我想要的。我试过添加

html:{class:“string”}

但这对我没什么用。

我基本上需要将“text”类的三个实例更改为“string”或更好,但请将其删除或更改为默认设置中的其他名称。

<div class="form-group text required testimonial_quote">
  <label class="control-label text required" for="testimonial_quote">
  <abbr title="required">*</abbr> Quote</label>
    <textarea class="form-control text required" name="testimonial[quote]" id="testimonial_quote"></textarea></div>

我的简单表单代码

  <%= simple_form_for(@testimonial) do |f| %>
  <%= f.error_notification %>

  <div class="form-inputs">
    <%= f.input :name %>
    <%= f.input :quote %>
    <%= f.input :received %>
    <%= f.association :course, label_method: :header %>
    <%= f.input :featured %>
  </div>

  <div class="form-actions">
    <%= f.button :submit %>
  </div>
<% end %>

2 个答案:

答案 0 :(得分:0)

如果您没有发布现有的simple_form代码,我无法给出确切的答案。那就是说我认为你要找的那条线是:

<%= input_html: { class: 'string' } %>

simple_form docs的示例:

<%= simple_form_for @user do |f| %>
  <%= f.input :username, input_html: { class: 'special' } %>
  <%= f.input :password, input_html: { maxlength: 20 } %>
  <%= f.input :remember_me, input_html: { value: '1' } %>
  <%= f.button :submit %>
<% end %>

答案 1 :(得分:0)

请尝试以下

  1. html: {...}表单标记

  2. input_html: {...}表示输入标记。

  3. class: "..."提交标记

  4. 例如:

    <%= simple_form_for @product, html: { class: "ex-product-form" } do |f| %>
      <%= f.input :name, input_html: { class: 'p-name' } %>
      <%= f.button :submit, class: "btn btn-default" %>
    <% end %>