This is a migrated thread and some comments may be shown as answers.

RadComboBox zIndex Issue in RadWindow

7 Answers 551 Views
Window
This is a migrated thread and some comments may be shown as answers.
Tim
Top achievements
Rank 1
Tim asked on 28 Oct 2010, 01:48 PM
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

7 Answers, 1 is accepted

Sort by
0
Fiko
Telerik team
answered on 02 Nov 2010, 03:17 PM
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
0
Tim
Top achievements
Rank 1
answered on 02 Nov 2010, 03:41 PM
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
0
Fiko
Telerik team
answered on 05 Nov 2010, 03:39 PM
Hello Tim,

Could you please apply one of these solutions:
  1. Change the z-index of the RadWindow control:
    <telerik:RadWindow ID="RadWindow1" runat="server" style="z-index:6001">
    </telerik:RadWindow>
  2. 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
0
Julian
Top achievements
Rank 1
answered on 19 Sep 2017, 07:08 PM
zIndex="10000" worked for me thx
0
Bil
Top achievements
Rank 1
answered on 29 Apr 2018, 11:02 PM
doesn't have a "z-index" - the  inside it does - is there an easy way to set it's z-index > 8000 ( z-index)...
0
hart
Top achievements
Rank 1
Veteran
answered on 13 May 2020, 06:30 PM

I had to role my own Skin Chooser and trap off the event handler of the comboBox to set skins

if (!Page.IsPostBack)
{
  var skinComboBox = FindControlRecursive(this, "skinCombo");
  if (skinComboBox != null)
  {
    Telerik.Web.UI.RadComboBox myCombo = (Telerik.Web.UI.RadComboBox)skinComboBox;
    List<string> list = Telerik.Web.SkinRegistrar.GetEmbeddedSkinNames(typeof(Telerik.Web.UI.RadGrid));
    foreach (string aSkin in list)
      myCombo.Items.Add(aSkin);
  }
}

 

0
hart
Top achievements
Rank 1
Veteran
answered on 13 May 2020, 06:33 PM

forgot the html part and java

<script type="text/javascript">
       var shouldClose = false;
 
       function dropDownOpening(sender, args) {
         shouldClose = true;
       }
 
       function itemClosing(sender, args) {
         args.set_cancel(shouldClose);
       }
 
       function dropDownClosed(sender, args) {
         shouldClose = false;
       }
     </script>
<telerik:RadComboBox ID="skinCombo" runat="server" OnClientDropDownOpening="dropDownOpening"
  OnClientDropDownClosed="dropDownClosed" OnClientSelectedIndexChanged="dropDownClosed"  style="z-index:10000" />
Tags
Window
Asked by
Tim
Top achievements
Rank 1
Answers by
Fiko
Telerik team
Tim
Top achievements
Rank 1
Julian
Top achievements
Rank 1
Bil
Top achievements
Rank 1
hart
Top achievements
Rank 1
Veteran
Share this question
or