Wednesday, July 30, 2008

RadComboBox not working within a ModalPopupExtender

I just figured out a problem I was having with a Telerik RadComboBox within a ModalPopupExtender and I thought I would share. The Extender worked fine, but when I clicked on the ComboBox the sliding drop down would not show. Turns out all the controls were working just fine, it was a CSS problem. By default the ModalPopupExtender div is set to a z-index of 100001. The RadComboBox slide div is set to a z-index to 6000. Essentially, the slide div was under the popup div. You can fix the problem by boosting the z-index of the slide div. I did it with jQuery: 
$(document).ready(function ()
{
 $("div.rcbSlide").css('z-index', 100002);    
});
Posted by at

13 comments:

  1. Chris PoteetJuly 31, 2008 at 7:15 PM

    This comment has been removed by the author.

    ReplyDelete
  2. Chris PoteetJuly 31, 2008 at 7:16 PM

    Ah another convert!

    Why do you need jQuery for that? Can't you just specify it in your sheet?

    ReplyDelete
  3. UnknownAugust 1, 2008 at 4:25 PM

    @Chris

    At first I did it with jQuery, but you're right. I could just do it with the sheet. Probably would be more efficient. But, when I tried it didn't work. For the sake of time, I left it in jQuery.

    ReplyDelete
  4. AnonymousAugust 15, 2008 at 6:30 AM

    You can use ZIndex property of RadComboBox, i.e. ZIndex="100002".

    ReplyDelete
  5. AnonymousOctober 22, 2008 at 11:46 PM

    Thanks Justin, this worked excellent for me :)

    ReplyDelete
  6. AnonymousMay 27, 2009 at 10:43 PM

    Thanks Justin. I was having a slightly different problem using a Devexpress ASPxPopupControl with RadComboBox in a scrollable div/panel. Using the cssClass='rcbSlide' with JQuery $('div.rcbSlide').css('marginTop', $(div/panel).attr('scrollTop')) was able to slide the dropElement down to the appropriate height. *This is a problem with Mozilla Firefox

    ReplyDelete
  7. AnonymousApril 3, 2010 at 1:58 AM

    Thnx Justin. You post really helped me getting out of this problem.

    Regards,
    Wasif Ehsan,
    Pakistan.

    ReplyDelete
  8. AnonymousJanuary 26, 2011 at 5:53 AM

    Thanks... this saved me a load of work!

    ReplyDelete
  9. DorababuJune 29, 2012 at 2:47 AM

    Can you post the script used for this

    ReplyDelete
  10. Fikret SomayNovember 12, 2012 at 3:21 AM

    Thank you.this is awesome...

    ReplyDelete
  11. AnonymousNovember 13, 2012 at 2:26 AM

    Thanks, save me a lot of work

    ReplyDelete
  12. MaryannApril 9, 2013 at 5:57 AM

    Thanks a lot! Faced the same issue with bpopup.

    ReplyDelete
  13. AnonymousMay 18, 2015 at 12:34 PM

    Thanks a LOT!!!!!!

    ReplyDelete

Subscribe to: Post Comments (Atom)