RadComboBox zIndex Issue in RadWindow in UI for ASP.NET AJAX Window

Tim

2 posts

Member since:
Aug 2010

Posted 28 Oct 2010 Link to this post

Hi Telerik. I am trying to change the zIndex on a RadComboBox drop down list inside a RadWindow. I have had to override some of the zIndex values on the elements due to the application interface requirements, and I have run into a few minor issues. I am currently able to fix the Calendar elements with the following technique:

Sys.Application.add_load(changeZIndex);

function changeZIndex() {

Type.registerNamespace(

"Telerik.Web.UI.Calendar");

window.Telerik.Web.UI.Calendar.Popup.zIndex = 14000;

}

Is there a way to do this same technique with the RadComboBox to get the list to show up in front of the RadWindow?

Type.registerNamespace(

"Telerik.Web.UI.RadComboBox");

window.Telerik.Web.UI.RadComboBox.???.zIndex = 14000;

Thanks in advance for your assistance.

Tim

Fiko

Admin

1406 posts

Posted 02 Nov 2010 Link to this post

Hello Tim,

You can change the z-index value of the controls by adding a style="z-index: <value>" property in its markup. More details about the z-indexes can be found in this help page.

All the best,
Fiko
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Tim

2 posts

Member since:
Aug 2010

Posted 02 Nov 2010 Link to this post

Fiko,

I appreciate your response, however this does not answer my question. The issue that I am having occurs because I am opening a RadWindow with a user control that contains the RadComboBox. This is a similar issue found with your Calendar control for which the solution is discussed at your forum located at http://www.telerik.com/community/forums/aspnet-ajax/calendar/datepicker-showing-up-underneath-pop-up-window.aspx.

I have tried changing the z-index value in styles, but it continues to show up under the RadWindow no matter how high I set the value.

If you could let me know what to replace the question marks with in the following lines of code, I am pretty sure it will solve my issue.

Type.registerNamespace("Telerik.Web.UI.RadComboBox");

window.Telerik.Web.UI.RadComboBox.???.zIndex = 14000;

Thank you again.

Tim

Fiko

Admin

1406 posts

Posted 05 Nov 2010 Link to this post

Hello Tim,

Could you please apply one of these solutions:

Change the z-index of the RadWindow control:

<telerik:RadWindow ID="RadWindow1" runat="server" style="z-index:6001">

</telerik:RadWindow>
Or change the z-index of the RadComboBox control:

<telerik:RadComboBox ID="RadComboBox1" runat="server" style="z-index:2999">

    <Items>

        <telerik:RadComboBoxItem Text="Item1" Value="Item1" />

        <telerik:RadComboBoxItem Text="Item2" Value="Item2" />

        <telerik:RadComboBoxItem Text="Item3" Value="Item3" />

    </Items>

</telerik:RadComboBox>

In case that this does not help, could you please open a new support ticket and send me a sample that shows the issue? I will check it and do my best to provide a working solution as soon as possible.

Kind regards,
Fiko
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Julian

61 posts

Member since:
Apr 2015

Posted 19 Sep 2017 in reply to Fiko Link to this post

zIndex="10000" worked for me thx

Bil

1 posts

Member since:
Oct 2017

Posted 29 Apr 2018 in reply to Fiko Link to this post

radskinmanager doesn't have a "z-index" - the radcombobox inside it does - is there an easy way to set it's z-index > 8000 (radmenu's z-index)...