Click here to Skip to main content
15,880,608 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I have a page with multiple DropDownCheckBoxes controls, one above the other.

On both IE 8 and 9, when I click the Dropdown button, the checkbox list appears behind other DropDownCheckBoxes controls that are below it on the form.
It covers up standard controls such as buttons and text boxes, but also appears beind the Ajax Tool Kit slider control.

Note that this behavior does not happen on Chrome and Firefox. It also does not happen when I am debugging in VS 2010 and the page is hosted by the ASP.NET Development Server.

I confirmed this issue on a “hello world” type page in a site with no CSS files. So I don’t think there is anything else affecting it.
Anybody seen this before and know of a solution?
Posted
Comments
Member 10222278 19-Sep-13 6:25am    
Please anybody help me
Member 10222278 20-Sep-13 2:18am    
Please help me anybody?
Member 10222278 20-Sep-13 7:50am    
Any body please guide me..

1 solution

Your scenario is not that clear, but I think you have custom dropdownlist with checkboxlist as DropDown values and when you open the values area its behind other controls.

Well if it is a custom control, you need to set the the
CSS
z-index
CSS property of the DropDown values control (either its a div or panel etc.). Set it to a higher value
CSS
z-index:5000;
and test.

Let me know if it helps, or if not please provide me more clear info, may be a little code.

Good luck

Azee...
 
Share this answer
 
Comments
Member 10222278 4-Oct-13 8:29am    
Sorry for late reply
This is my code...
<div style="z-index: 5000;height: 20px; width: 297px; z-index: 1; left: 140px; top: 202px; position: absolute">
<cc2:DropDownCheckBoxes ID="Region_DropDownCheckBoxes" runat="server"
style="z-index: 5000;top: 0px; right: 100px; height: 19px; width: 148px; left: 0px;"
Font-Names="Verdana"
AddJQueryReference="true" UseButtons="true"
AutoPostBack="true"
önselectedindexchanged="Region_DropDownCheckBoxes_SelectedIndexChanged">
<Style2 SelectBoxWidth="290" DropDownBoxBoxWidth="280" DropDownBoxBoxHeight="160" />
<texts selectboxcaption="Region/Branch">

</div>
Member 10222278 28-Oct-13 4:57am    
Please help me anybody?

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900