SfGrid always on top
Dear supporters,
I use SfGrid and I added a navbar control for navigation (with dropdown menus) (see below).
When I open a page which displays a SfGrid control and then dropdownmenu is that large that it goes over the SfGrid then the dropdownmenu is cut where the SfGrid control begins.
That means the SfGrid is "always on top" of the screen. How can I convince the software that the navbar is always on top of all other controls on the screen.
Thanks for help!!!!
<nav class="navbar navbar-expand-lg navbar-light bg-light mr-auto">
<img style="height:35px; width: 60px; display: block; margin-left: auto;margin-right:auto" src="@($"images/xy.png")" />
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
@foreach (var mn in menuItemList.Where(mi => mi.ParentMenuId == 0))
{
@if (menuItemList.Where(m => m.ParentMenuId == mn.MenuId).Count() == 0)
{
<li class="nav-item">
<a class="nav-link" rel='nofollow' href="#">@mn.MenuName</a>
</li>
}
else
{
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" rel='nofollow' href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@mn.MenuName
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
@foreach (var mn1 in menuItemList.Where(e => e.ParentMenuId == mn.MenuId).ToList())
{
<a class="dropdown-item" rel='nofollow' href="@mn1.PageName">@mn1.MenuName</a>
}
</div>
</li>
}
}
</ul>
</div>
</nav>
