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

drawer left and right with angular

7 Answers 505 Views
Drawer (Mobile)
This is a migrated thread and some comments may be shown as answers.
Gregor
Top achievements
Rank 1
Gregor asked on 12 Oct 2014, 09:13 PM
Hi there.
I´ve seen your samples with kendo mobile application. I´m trying to set up a solution with angularjs and kendo mobile.
I need a drawer with left and right in angular (without kendo.mobile.application). Couldn´t get it work. Has some one a sample for me ?

7 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 13 Oct 2014, 10:58 AM
Hello Gregor,

There is an AngularJS example with the Kendo UI Drawer that you can use as a base reference (no kendo.mobile.Application required):

http://demos.telerik.com/kendo-ui/drawer/angular

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Gregor
Top achievements
Rank 1
answered on 13 Oct 2014, 11:14 AM
Yes i saw this sample, but i coudn´t get it work with left and right.
0
Kiril Nikolov
Telerik team
answered on 13 Oct 2014, 11:48 AM
Hi Gregor,

Please check the following example and let me know if it helps:

http://dojo.telerik.com/aceSe

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Wired_Nerve
Top achievements
Rank 2
answered on 17 Dec 2014, 10:11 PM
I am trying to figure out how to get two drawers to
<div data-role="header">
    <div data-role="navbar">
        <span data-role="view-title"></span>
        <a id="LeftDrawer" data-role="button" data-rel="drawer" data-align="left"  data-icon="drawer-button" href="#appDrawer"></a>
        <a id="RightDrawer" data-role="button" data-rel="drawer" data-align="right" data-icon="ellipse-e" href="#switchSite" data-transition="slide:right reverse"></a>
    </div>
    <div id="TagSearch">
 
        <input type="text" id="search-input-home" placeholder="Enter Tag/Serial Number" autocomplete="off" autocorrect="off" autocapitalize="none" />
        <a id="do-search" />
        <a id="do-search" data-role="button" class="fa fa-search"></a><a id="do-barCode" data-role="button" class="fa fa-barcode"></a>
    </div>
</div>
SLIDE in different directions..
I tried this.. FAILED...  
The LeftDrawer should slide from the left and the RigthDrawer should slide from the right..
I am just not having any luck on this.. Suggestions?

0
Petyo
Telerik team
answered on 18 Dec 2014, 12:07 PM
Hello Warren,

Please check this documentation

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Shawn
Top achievements
Rank 2
answered on 07 Feb 2016, 11:54 AM
The link is broken
0
Kiril Nikolov
Telerik team
answered on 08 Feb 2016, 09:47 AM

Hello Shawn,

The link is to the position property of the widget which sets the position of the drawer. Can be left (default) or right.

 

Regards,
Kiril Nikolov
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
Gregor
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Gregor
Top achievements
Rank 1
Wired_Nerve
Top achievements
Rank 2
Petyo
Telerik team
Shawn
Top achievements
Rank 2
Share this question
or