drawer left and right with angular

8 posts, 0 answers
  1. Gregor
    Gregor avatar
    11 posts
    Member since:
    Jan 2011

    Posted 12 Oct 2014 Link to this post

    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 ?
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 13 Oct 2014 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Gregor
    Gregor avatar
    11 posts
    Member since:
    Jan 2011

    Posted 13 Oct 2014 Link to this post

    Yes i saw this sample, but i coudn´t get it work with left and right.
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 13 Oct 2014 Link to this post

    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!
     
  6. Wired_Nerve
    Wired_Nerve avatar
    163 posts
    Member since:
    Oct 2007

    Posted 17 Dec 2014 Link to this post

    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?

  7. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 18 Dec 2014 Link to this post

    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!
     
  8. Shawn
    Shawn avatar
    49 posts
    Member since:
    Jul 2011

    Posted 07 Feb in reply to Kiril Nikolov Link to this post

    The link is broken
  9. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 08 Feb Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready