Click here to Skip to main content
15,921,028 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. .

Design Page:
ASP.NET
<div style="height: 20px; width: 297px; z-index: 1; removed 125px; removed 8px; removed: absolute">
                      <cc2:DropDownCheckBoxes ID="Region_DropDownCheckBoxes"   runat="server" CssClass="DropDownCheckBoxs" 
                        style="top: 0px;right: 100px; height: 15px; width: 148px; left: -1px;" 
                              Font-Names="Verdana" 
                            AddJQueryReference="True" UseButtons="True" UseSelectAllNode="True" 
                              AutoPostBack="True" 
                               önselectedindexchanged="Region_DropDownCheckBoxes_SelectedIndexChanged" 
                             RepeatDirection="Horizontal" >
                          <Style DropDownBoxBoxHeight="160px" DropDownBoxBoxWidth="280px" 
                              SelectBoxWidth="290px" SelectBoxCssClass="" />
                         <Style2 SelectBoxWidth="290px" DropDownBoxBoxWidth="280px" 
                              DropDownBoxBoxHeight="160px" SelectBoxCssClass="" />    
                         
                      
                      </div>
Posted
Updated 27-Oct-13 23:14pm
v2
Comments
Member 10222278 28-Oct-13 5:12am    
This is my code..
<div style="height: 20px; width: 297px; z-index: 1; left: 125px; top: 8px; position: absolute">
<cc2:DropDownCheckBoxes ID="Region_DropDownCheckBoxes" runat="server" CssClass="DropDownCheckBoxs"
style="top: 0px;right: 100px; height: 15px; width: 148px; left: -1px;"
Font-Names="Verdana"
AddJQueryReference="True" UseButtons="True" UseSelectAllNode="True"
AutoPostBack="True"
önselectedindexchanged="Region_DropDownCheckBoxes_SelectedIndexChanged"
RepeatDirection="Horizontal" >
<Style DropDownBoxBoxHeight="160px" DropDownBoxBoxWidth="280px"
SelectBoxWidth="290px" SelectBoxCssClass="" />
<Style2 SelectBoxWidth="290px" DropDownBoxBoxWidth="280px"
DropDownBoxBoxHeight="160px" SelectBoxCssClass="" />
<texts selectboxcaption="Region/Branch" selectallnode="Select all">

</div>
CodeBlack 28-Oct-13 5:12am    
:) can you update your question with design page and css if any ?
Member 10222278 28-Oct-13 5:12am    
My CSS..
.DropDownCheckBoxs
{
position:relative;
z-index:5000;
}
Member 10222278 28-Oct-13 5:13am    
yes now i have updated my css code..

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