2016-12-20 3 views
0

나는 best_in_place 보석을 통합하려고 노력하고 모든 것을 작동 시키려고했지만, 이제는 재료 디자인 라이트를 사용하여 클릭했을 때 입력 스타일을 사용하려고합니다. 여기 Rails best_in_place gem with Material Design Lite

는 뷰에 대한 HTML이다 :

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

그리고 이것은 HTML이 MDL을 가진 일반 텍스트 입력 될 것입니다 :

<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으로 작업하십시오.

답변

0

"best_in_place gem"이 없습니다.

이메일 입력을 포함하는 양식의 스타일을 지정하는 데 사용되는 솔루션입니다. I 은 전체 MDL "입력"라인을 대체했습니다. "id"/ "for"관계 및 전자 메일 필드를 용도와 관련된 것으로 바꿔야합니다. 당신은 주위에 바이올린을해야 할 수도 있습니다. 그것이 올바른 방향으로 당신을 가리 키 길 바랍니다.


<%= 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 %>