RadComboBox and RadColorPicker Overlay Conflict

4 posts, 0 answers
  1. Dennis
    Dennis avatar
    62 posts
    Member since:
    Oct 2007

    Posted 10 Mar 2008 Link to this post

    I have a simple table with one row containing a RadComboBox and the following row containing a RadColorPicker. The problem is that the RadComboBox dropdown displays behind the RadColorPicker icon dropdown, so that you can not see the available values in the RadComboBox. Is this normal behavior or a previously identified issue?

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 11 Mar 2008 Link to this post

    Hi Dennis,

    Your problem is due to RadColorPicker's z-index being bigger than the z-index of the RadComboBox control. You can solve the problem by setting a bigger value for the RadComboBox's z-index declaratively as shown below:

     
    <telerik:RadComboBox ID="RadComboBox1" runat="server" RadComboBoxImagePosition="Right" ZIndex="10000"



    Greetings,
    Svetlina
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dennis
    Dennis avatar
    62 posts
    Member since:
    Oct 2007

    Posted 11 Mar 2008 Link to this post

    Can you give me a hint to the default zIndex values for the controls because you are assuming, by picking an arbitrary value, that I do not have other layers that I really need to have appropriately layered. I don’t want to have to fight a race condition where I set one control to a value, but then have to change it later as I fight with some custom layering that I need to perform.
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 13 Mar 2008 Link to this post

    Hi Dennis,

    Different controls have different default z-indexes. You can check every particular control's z-index by using the Firebug or IE DevToolBar tools. You need to run the chosen tool and then inspect the contained by the control's html elements' style (more often the wrapper <div> element).

    Greetings,
    Svetlina
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top