This is a migrated thread and some comments may be shown as answers.

Drawer not showing

3 Answers 108 Views
Drawer (Mobile)
This is a migrated thread and some comments may be shown as answers.
Valery
Top achievements
Rank 1
Valery asked on 27 May 2016, 03:38 PM
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   

 

3 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 31 May 2016, 10:02 AM
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!
 
0
Valery
Top achievements
Rank 1
answered on 31 May 2016, 01:33 PM
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.
0
Petyo
Telerik team
answered on 01 Jun 2016, 03:54 PM
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!
 
Tags
Drawer (Mobile)
Asked by
Valery
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Valery
Top achievements
Rank 1
Share this question
or