RadComboBox zIndex Issue in RadWindow

8 posts, 0 answers
  1. Tim
    Tim avatar
    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
  2.
  3. Fiko
    Admin
    Fiko avatar
    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
  5. Tim
    Tim avatar
    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
  7. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 05 Nov 2010 Link to this post

    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
  9. Julian
    Julian avatar
    62 posts
    Member since:
    Apr 2015

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

    zIndex="10000" worked for me thx
  11. Bil
    Bil avatar
    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)...
  13. hart
    hart avatar
    27 posts
    Member since:
    Jul 2008

    Posted 13 May 2020 Link to this post

    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);
      }
    }

     

  14.
  15. hart
    hart avatar
    27 posts
    Member since:
    Jul 2008

    Posted 13 May 2020 in reply to hart Link to this post

    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" />
Back to Top