Hi,
I have a webDropdown that is placed above a webDataGrid in the page layout. When I click the downarrow for the DropDown the list of items appears behind the DataGrid control.
I have tried assigning a cssClass to the DropDown control with the !important tag included without success.
How cn I get this corrected?
Thanks - NormD
Hello Norm,
Thank you for posting this question in our community.
I have created a sample that shows this scenario and the DropDown is displayed correct. Try it on your end and let me know the results.
Also you can send me your sample for further investigation and try to set the z-index of the container of the elements to be a high number.
If you need further assistance with this do not hesitate to contact me.
Sincerely,
Georgi Sashev
Developer Support Engineer
Infragistics, Inc.
http://ko.infragistics.com/support
Thanks Georgi,
Your sample correctly displayed the dropdown over the grid. On quick review, the primary difference between my application and your sample is that my combo box is in the cell of one table and the grid is within an update panel in the cell of a different table.
I will continue to review my application to try and determine where the problem exists.
Thank you for the update. Also you can upload your project here and I will investigate it too.
Hi Georgi,
Thanks for the offer to upload my project. It is too large to upload and dependent on a SQL database. If just that page file markup is sufficient, I can send that.
Let me know if you just want to review the page file markup only.
Turning off the EnableAjax for a Grid that is in an update panel certainly fixed a different page that I am working on with synchronized grids. Thanks for that note.
I have not modified any of the styles. I did try the example that you provided but the combo box still appears behind the grid. I have another page where the drop down list corectly shows in fron of the grid. Don't waste any more of your time on this one. Since I have one page that is presented OK I can compare the markup between th two and also the source when they are opened in the browser to try and determine what is different.
Thanks again for the note on turning off EnableAjax when the grid is in an Update Panel.
NormD
Hi Norm,
I would like to see if you have made any changes to the style of the controls or you have applied any changes in the css files. Also when you place the grid in the Update Panel make sure the Ajax of the grid is set to off. You can apply some class to the div container something like this:
div.igdd_DropDownListContainer
{
z-index: ‘some value’ !important;
}
I hope this help.
For any further questions do not hesitate to contact me.