Problem using Drawer with Kendo UI Web

4 posts, 0 answers
  1. Gary
    Gary avatar
    62 posts
    Member since:
    Sep 2013

    Posted 06 Aug 2014 Link to this post

    I am having an issue using the Drawer widget with Kendu UI Web.

    The problem is that my content at the top of the page is disappearing when the drawer is opened.

    I have created the following snippet to demonstrate this.

    http://dojo.telerik.com/@gxclarke/AnuK

    The snippet is a copy from your "Drawer outside of a mobile application" example with the following changes made to achieve web compatibility:

    • Comment out kendo.mobile.all.min.css
    • Add kendo.silver.min.css
    • Add kendo.silver.mobile.min.css
    Per your instructions, these are the correct changes for using Kendo UI Mobile widgets with Kendu UI Web.

    Notice that the "Show drawer" link disappears when it is clicked on. If you revert the three changes listed above, then the link remains visible.

    Please help.

    Gary
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 07 Aug 2014 Link to this post

    Hi Gary,

    The link should be in the content container in order to animate with the rest of the content. In this demo copy I've made you can see that it is inside.

    Let me know if this helps.

    Regards,
    Kamen Bundev
    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. Gary
    Gary avatar
    62 posts
    Member since:
    Sep 2013

    Posted 07 Aug 2014 in reply to Kamen Bundev Link to this post

    The issue for me is that I require the link to be above the content.

    I have a header bar that I don't want to slide with the rest of the content when the drawer is opened. However, the button to activate the drawer is in the header bar.

    Is there a reason that that you require the link to be within the  content container? I can work around it be setting an explicit height on the header bar, but I think it would be a good idea if the drawer supported this scenario.

    Regards,
    Gary
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 08 Aug 2014 Link to this post

    Hi Gary,

    We don't require the link to be in the content - the demo is made that way. However, if you need it outside, keep in mind that the Drawer occupies the whole height of its container and to keep the link visible you should wrap both the Drawer and the content in a separate container and make sure the link is outside it. Something like this.

    Let me know if this helps.

    Regards,
    Kamen Bundev
    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