Click here to Skip to main content
15,901,284 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi All,

Please help me..

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.
Posted
Comments
JoCodes 21-Sep-13 4:55am    
Can you post some markup code and the related css used for the control?
Member 10222278 21-Sep-13 5:09am    
<cc2:DropDownCheckBoxes ID="Region_DropDownCheckBoxes" runat="server"
style="top: 0px; right: 100px; height: 19px; width: 148px; left: 0px;"
Font-Names="vertana" Font-Size="Small"
AddJQueryReference="true" UseButtons="true"
AutoPostBack="true"
önselectedindexchanged="Region_DropDownCheckBoxes_SelectedIndexChanged">
<Style2 SelectBoxWidth="290" DropDownBoxBoxWidth="280" DropDownBoxBoxHeight="160" />
<texts selectboxcaption="Region/Branch">

</div>
Member 10222278 21-Sep-13 5:09am    
please see that ..
Member 10222278 21-Sep-13 7:28am    
Please anybody help me?

1 solution

Add a style for z-index:100 onfocus and z-index:0 onblur/onselectionchange

that will keep it over all other elements when in focus mode and once focus goes it will be back to normal
 
Share this answer
 
Comments
Member 10222278 28-Sep-13 3:14am    
<div style="z-index: 1;height: 20px; width: 297px; z-index: 1; left: 140px; top: 202px; position: absolute">
<cc2:DropDownCheckBoxes ID="Region_DropDownCheckBoxes" runat="server"
style="z-index: 100; top: 0px; right: 100px; height: 19px; width: 148px; left: 0px;"
Font-Names="vertana" Font-Size="Small"
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-Sep-13 3:14am    
It's not working?
Member 10222278 28-Oct-13 3:46am    
Pleae help me any idea?

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