Thursday, March 19, 2015

Onsen UI Disable Slider For Specific Page

Onsen UI Disable Slider For Specific Page

I have working for mobile app development using Cordova and Ionic Framework + Onsen Ui
but im facing some problem to disable sliding menu for login page. That too hard to find resources out there. So i create this blog to help others people 


Solution: add  sliding-menu-ignore="true" 

example:

<ons-page sliding-menu-ignore="true">
    
    <ons-toolbar> 
    <div class="center">Login</div>
    </ons-toolbar>

    <div class="main-image-wrapper">
    <i class="fa fa-sign-in main-image"></i>
    </div>
    <input type="email" class="text-input--underbar" placeholder="Email" value="">
    <input type="password" type="text" class="text-input--underbar" placeholder="Password" value="">
    <br>
    <button class="button login-button">Log in</button>
    <br>
    <button class="button--quiet forgot-password">Forgot password?</button>

</ons-page>

No comments:

Post a Comment