[Solved] ComboBox in Window

[Cyndie]

When trying to put a ComboBox in the content of a modal Window, the textbox part of the control is in the window as expected, but the dropdown list portion of the ComboBox (when selecting the arrow) is showing up underneath the window.  I've tried the ComboBox using the .Render() and without, but the same things happens. 

<% Html.Telerik().Window()
       .Name("AdvancedStuff")
       .Title("Alarm Logs Advanced Options")
       .Content(() =>
           {%>
            <% Html.Telerik().ComboBox()
               .Name("Locations")
                .AutoFill(true)
                .DataBinding(dataBinding => dataBinding.Ajax().Select("_AjaxLocs", "ComboBox"))
                .Render();
            %>
           <%})
       .Buttons(buttons => buttons.Maximize().Close())
       .Draggable(true)
       .Width(600)
       .Height(600)
       .Resizable()
       .Render();
%>

[Georgi Krustev]

Hello Cyndie,

The observed behavior is result of bigger window's zindex than combobox. You can avoid this issue with setting zindex of the combobox bigger than window:

<%= Html.Telerik().ComboBox()
        .Name("ComboBox")
        .HtmlAttributes(new { style = "zindex:10100"})
%>

Regards,
Georgi Krustev
the Telerik team

[Cyndie]

Thank you for the quick response.  Unfortunately, I don't see any difference with adding zindex values.  When I move the window around when the dropdown list is down, the list stays fixed in the same place (that is how I found it under the window)

[Georgi Krustev]

Hello Cyndie,

To apply z-index correctly you need to use this code:

.HtmlAttributes(new {style="z-index:1000000"})

Anyway the items list will not close when you decide to move window. This is a known issue, which should be fixed for the official release of the Telerik Components for ASP.NET MVC.

All the best,
Georgi Krustev
the Telerik team

[Cyndie]

Thank You Georgi!  That took care of the issue.

cyndie