Multiple DropDownCheckBoxes controls

Question

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 19-Sep-13 0:11am

Member 10222278

Add a Solution

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

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

**Azee** · Answer 1 · 2013-09-29T00:44:00

Solution 1

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...

Posted 29-Sep-13 0:44am

Azee

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?