<link rel="stylesheet" href="vendor/bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.bootstrap.min.css" />
How can I use a drawer and use bootstrap?
Thanks!
P.S. I am a newbie to Kendo UI
8 Answers, 1 is accepted
Hello David,
I have tried to reproduce the issue in the following example, but to no avail. Can you please check it out and let me know what I missed?
Regards,
Kiril Nikolov
Telerik
Hello David,
Can you please edit the demo that I shared in order to show the issue that you are facing, as we are trying to reproduce the problem, but to no avail? So please edit it in order for us to see the issue and advise you further.
Thanks for the cooperation.
Regards,Kiril Nikolov
Telerik
.demo-section {
position: relative;
overflow: hidden;
width: 100%;
height: 270px;
padding: 0;
}
<link rel="stylesheet" href="vendor/bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.bootstrap.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.timezones.min.js"></script>
Hello David,
This is because you are missing the kendo.default.mobile.min.css file. Here is the updated example:
http://dojo.telerik.com/eFUYe/3
Regards,
Kiril Nikolov
Telerik
Hello David,
The Drawer will not take in account Bootstrap formatting and it is not intended for use a left NavBar its is a Drawer menu.
The responsive panel was released a few days ago, with the 2015.1.xxx version, so if you wanto to use it you will need to upgrade to the latest version.
Regards,Kiril Nikolov
Telerik