I am using an AutoCompleteExtender for a search textbox and the results go far enough down the page to interfere with a RadGrid. It appears that the z-index of the header on the RadGrid is too high as my autocomplete results appear under the header but over the rest of the RadGrid. Any ideas on how to lay my autocomplete results over the RadGrid header?
2 Answers, 1 is accepted
0
License
Top achievements
Rank 1
Rank 1
answered on 02 Jul 2012, 09:53 PM
I thought I'd attach an image of the issue. Like I said previously, the auto complete extended is only falling behind the RadGrid header. In the image provided, I am using a skin, however this occurs even with the default skin. This even occurs when using an ASP:GridView instead of the RadGrid. I had this issue with another element on another application and was able to solve it by adjusting the z-index of the auto complete extender CompletionListCssClass to a larger number. No matter how high I go, however it will not appear in front of the header. I have gone into the CSS file in my custom theme and set the z-index manually there for the header elements but that does not work either.
0
License
Top achievements
Rank 1
Rank 1
answered on 02 Jul 2012, 10:04 PM
OK, found the solution. There was a div that the auto complete extender was placed within that needed to have the z-index specified. Nothing to do with the RadGrid. This issue can be removed or closed.