Question

我试图合并best_in_place gem并让一切正常，但现在我试图让它使用材质设计精简版来点击它时设置输入的样式。

以下是视图的html：

<h2><%= best_in_place @user, :displayname, :as => :input %></h2>

这就是使用MDL的正常文本输入的html：

<div class="mdl-textfield mdl-js-textfield">
    <input class="mdl-textfield__input" type="text" id="sample1">
    <label class="mdl-textfield__label" for="sample1">Text...</label>
</div>

无法弄清楚哪些选项可以使用best_in_place gem

Answer 1

我没有＆＃34; best_in_place gem＆＃34;。

这是我用来设置包含电子邮件输入的表单的解决方案。我取代了整个MDL＆＃34;输入＆＃34;线即可。您必须更换＆＃34; id＆＃34; /＆＃34; for＆＃34;关系和电子邮件字段与您的目的相关的东西。你可能不得不摆弄。希望它能指出你正确的方向。

<%= form_for(@user) do |f| %>
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">          
    <%= f.email_field :email, class:'mdl-textfield__input', type:'text', id:'email' %>
    <label class="mdl-textfield__label" for="email">EMAIL</label>
  </div>
<% end %>

使用Material Design Lite Rails best_in_place gem

1 个答案: