Drawer not showing

4 posts, 0 answers
  1. Valery
    Valery avatar
    7 posts
    Member since:
    Aug 2014

    Posted 27 May Link to this post

    Hi!

    I have some troubles with drawer. I have the application with the login page. After the user is authenticated I navigate his on page "Cabinet" using 

    app.mobileApp.navigate('components/cabinet/view.html')


    But when I open the drawer on the second page I see the previous login page.

    The code of drawer:

    <div data-role="content" class="corplight-drawer">
        <header data-role="header" id="drawerHeader">
            <div class="company-name" data-bind="text: company"></div>
            <a class="change-company"
                 data-role="button"
                 data-rel="actionsheet" href="#clientsActionsheet"><span></span></a>
        </header>
        <ul id="navigation-container" data-role="listview" class="drawer-menu">
            <li class="drawer-accounts"><a data-icon="corp-accounts" href="components/accounts/view.html">Рахунки</a></li>
            <li class="drawer-loans"><a data-icon="corp-loans" href="components/loans/view.html">Кредити</a></li>
            <li class="drawer-deposits"><a data-icon="corp-deposits" href="components/deposits/view.html">Депозити</a></li>
            <li class="drawer-transfers"><a data-icon="corp-transfers" href="components/transfers/view.html">Новий платіж</a></li>
            <li class="drawer-payments"><a data-icon="corp-payments" href="components/payments/view.html">Платежі</a></li>
            <li class="drawer-templates"><a data-icon="corp-templates" href="components/templates/view.html">Шаблони</a></li>
            <li class="drawer-products"><a data-icon="corp-products" href="components/products/view.html">Продукти</a></li>
            <li class="drawer-users"><a data-icon="corp-users" href="components/users/view.html">Співробітники</a></li>
            <li class="drawer-map"><a data-icon="corp-map" href="components/map/view.html">Відділення та банкомати</a></li>
            <li class="drawer-exrate"><a data-icon="corp-exrate" href="components/exrate/view.html">Курси валют</a></li>
            <!--<li class="drawer-exit"><a data-icon="corp-exit" onclick="app.appLogout();" >Вихід</a></li>-->
        </ul>
    </div>


    What is the problem?

    P/S/ please find the screenshot with problem in the attached file   

     

  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 31 May Link to this post

    Hello,

    usually, this happens due to misconfigured data-role attributes - please replicate the problem in a Dojo and we will assist you further.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Valery
    Valery avatar
    7 posts
    Member since:
    Aug 2014

    Posted 31 May in reply to Petyo Link to this post

    Hello! I can do it, but problem reproduced only on real device (I tried on iPhone 5 and iPhone 4s). On simulator program works correctly.
  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 01 Jun Link to this post

    Hello,

    the dojo can be open from a mobile device, too - click the full screen button and type the URL in the browser of the device. You can use QR code for that, too.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready