KendoUI window is affecting my dropdownlists

2 posts, 0 answers
  1. louis
    louis avatar
    16 posts
    Member since:
    Nov 2011

    Posted 12 Nov 2012 Link to this post

    In my _layout.cshtml(based on twitter bootstrap), I have the following code as my nav bar:
        <div id="user-nav" class="navbar navbar-inverse">
            <ul class="nav btn-group">
                <li class="btn btn-inverse"><a title="" href="#"><i class="icon icon-user"></i><span
                    class="text">Profile</span></a></li>
                <li class="btn btn-inverse dropdown" id="menu-messages"><a href="#" data-toggle="dropdown"
                    data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope">
                    </i><span class="text">Messages</span> <span class="label label-important">5</span>
                    <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a class="sAdd" title="" href="#">new message</a></li>
                        <li><a class="sInbox" title="" href="#">inbox</a></li>
                        <li><a class="sOutbox" title="" href="#">outbox</a></li>
                        <li><a class="sTrash" title="" href="#">trash</a></li>
                    </ul>
                </li>
            </ul>
        </div>

    This works fine, I'm able to see the dropdown menu (see dropdown.jpg)

    However, in pages where I have included the KendoUI window component, it completely breaks the dropdown function. No dropdown menu appears when I click on the button.

    This is the code I'm using
    @(Html.Kendo().Window()
               .Name("window")
               .Title("Role")
               .Content("loading...")
               .LoadContentFrom("Create""RolesPermissions", Model.Role)
               .Modal(true)
               .Width(550)           
               .Height(300)           
               .Draggable()
               .Visible(false)
              )

    The dropdown functionality goes back to normal the moment I remove this.
  2. louis
    louis avatar
    16 posts
    Member since:
    Nov 2011

    Posted 13 Nov 2012 Link to this post

    Ok I've found out that it's the css on my other view that is causing the problem.

    It has been resolved.
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top