2013-04-17 3 views
0

this play-authenticate 모듈을 내 응용 프로그램의 모바일 측에 통합하려고합니다. Twitter Bootstrap 대신 각 페이지에 대해 JQuery 모바일을 사용하고 싶습니다. 따라서 별도의보기를 만들었고 기본 색인을 설정하고 로그인 페이지가 먼저 작동하도록 노력하고 있습니다. 로그인 페이지는 폼의 형태를 취하고 JQuery Mobile을 사용하여 스케이프 폼 헬퍼를 play 2.0. *에서 사용할 수 있는지 궁금합니다. 지금까지Play Framework를 사용하는 JQuery Mobile Form 도우미

내 기본 로그인 페이지 :

@(loginForm: Form[_]) 

@import helper._ 

@main(Messages("playauthenticate.login.title"),"login") { 
      <div data-role="content"> 
       <div data-role="fieldcontain"> 
        <label for="textinput1"> 
         Your Email 
        </label> 
        <input name="" id="textinput1" placeholder="" value="" type="email" /> 
       </div> 
       <div data-role="fieldcontain"> 
        <label for="textinput2"> 
         Your Password 
        </label> 
        <input name="" id="textinput2" placeholder="" value="" type="password" /> 
       </div> 
       <a data-role="button" href="#page1"> 
        Login Now 
       </a> 
       <h4> 
        Or login with a different service: 
       </h4> 
         @* Display list of available providers *@ 
         @_providerPartial(skipCurrent=false) 
       <a data-role="button" data-transition="slidedown" href="routes.Application.index()"> 
        Home 
       </a> 
      </div> 
} 

This이 트위터 부트 스트랩을 사용하는 모습입니다.

답변

2

예 및 아니요. 당신이 우리를 가리 켰을 때,

는 jQueryMobile은 당신이 사용하고자하는이 사이에 두 가지 솔루션과 선택의 여지가 어떤 방법으로 그것을 맞지 않는 너무 내장 플레이의 helpers 형태에 대한 특정 마크 업, ...

있다 당신에게 속한다 :

  • 양식이 거의없는 경우 JQM's specification에 따라 일반적인 HTML로 작성하십시오.
  • 그렇지 않으면 여러 장소에서 많은 양식을 사용하려는 경우 ... 쓸 내용 ... field constructors을 작성하는 것이 좋습니다. 물론

당신이 다른 사람과 공유하기로 결정합니다 경우 :

를가 큰 것 두 번째 방법으로 가기로 결정합니다 경우
관련 문제