Redirect (show) tab with click event after authentication

2 posts, 0 answers
  1. Marco
    Marco avatar
    1 posts
    Member since:
    Sep 2011

    Posted 07 Mar 2012 Link to this post

    I have multiple divs with datarole "view". In the first view we want to authenticate a user and when valid the user have access to other views (tabs).

    Authentication Tab:
        <div data-role="view" id="tabstrip-login" data-title="Login" data-layout="mobile-tabstrip-unauth">
            <ul data-role="listview" data-style="inset" id="lvLogin">
                <li>Username <input id="loginUsername" required /></li>
                <li>Password <input id="loginPassword" required /></li>
            <a data-role="button" onclick="login()" id="btnLogin">Login</a>

    Tab To show after authentication
        <div data-role="view" id="tabstrip-projects" data-title="Projects" data-init="listProjects" data-layout="mobile-tabstrip-auth">
            <ul data-style="inset" id="projectList"></ul>

    The validation wil take place in the login function:
            function login() {
    //authenticate with a json call that sets a session
    if (session){
    //Show tabstrip-projects 
    // show failed login message

    So the question is how to show a view or tab within a click event function.. I hope the question is clear.

  2. Petyo
    Petyo avatar
    2444 posts

    Posted 07 Mar 2012 Link to this post


    This is yet undocumented, but you can use the navigate(url) method of the mobile application instance. 

    On a side note, instead of onclick="login()", you can use data-click="login" for better performance on touch devices. 

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top