See html source below. When I put a menu and a grid control below it inside a window, dropping the menu causes it to display underneath the grid. But when the menu and grid are not inside a window, it displays as it should. It does this is all browsers.
<!doctype html>
<html>
<head>
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/kendo.web.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$(".myWindow").kendoWindow();
$(".myMenu").kendoMenu();
$(".myGrid").kendoGrid();
});
</script>
</head>
<body>
<ul class="myMenu">
<li>Menu
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</li>
</ul>
<table class="myGrid">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
</table>
<div class="myWindow">
<ul class="myMenu">
<li>Menu
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</li>
</ul>
<table class="myGrid">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
</table>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/kendo.web.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$(".myWindow").kendoWindow();
$(".myMenu").kendoMenu();
$(".myGrid").kendoGrid();
});
</script>
</head>
<body>
<ul class="myMenu">
<li>Menu
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</li>
</ul>
<table class="myGrid">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
</table>
<div class="myWindow">
<ul class="myMenu">
<li>Menu
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</li>
</ul>
<table class="myGrid">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
</table>
</div>
</body>
</html>
1 Answer, 1 is accepted
0
Kent
Top achievements
Rank 1
Rank 1
answered on 16 Oct 2012, 08:50 PM
Anyone home? It's been 5 days.