I have a page with 2 webgrids on it placed one after the other. The grid on top has a AJAX control toolkit calendar extender in the column header. The selection of the date in the top grid, filters the data on that grid. Issue is that when the calendar extender opens, if the first grid does not have data in it, the calendar goes behind the second grid.
I have already tried setting the z-index of the calendar control to a high number, but it didn't work.
I have also tried to set the position style of the second webgrid to fixed. This works but causes a problem in IE8
I am using VS 2005 and Net advantage 2007 and my target browser is IE 6 and IE8 (upgradation is in process)
I was having the same problem, I was using Visual Studio 2008.
I solved it by selecting the control, and then to the Format menu, select the last option and then bring to the front, that set the control over the others.
Sorry, that didn't work. I am using visual studio 2005 and it does not give me the option for send to back or bring to front.
Pablo - I'm having the same issue with the calendar extender showing behind the grid. I'm using VS 2008 but I don't see the Format menu when I select the calendar extender. Actually there is a Format property but no options exist. So this didn't solve my issue. Any ideas? Thanks.
Did you set the z-index directly on the control itself (on the calendar extender tag)? I had a similar problem, and added this to the top of my form and then it started working:
<style type="text/css"> .ajax__calendar_container { z-index : 1000 ; } </style>