Problem using Drawer with Kendo UI Web

[Gary]

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

[Kamen Bundev]

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

 

 

[Gary]

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

[Kamen Bundev]

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