Ajax calendar extender appears behind dropdown list

  • Thread starter Thread starter BillE
  • Start date Start date
B

BillE

Can I make the Ajax calendar extender appear on top of dropdown lists
instead of behind them?

Thanks
Bill
 
Can I make the Ajax calendar extender appear on top of dropdown lists
instead of behind them?

Thanks
Bill
Click to expand...

Here is a page using the calendar extender. I've placed a dropdownlist
control and a html select below the associated textbox control. When I
click on the link button to display the calendar it appears to render
over top when I use IE 7 or FireFox 2.

<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/
TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<ajaxToolkit:CalendarExtender ID="CalendarExtender1"
runat="server" PopupButtonID="LinkButton1"
TargetControlID="TextBox1">
</ajaxToolkit:CalendarExtender>
<asp:TextBox ID="TextBox1" runat="server"></
asp:TextBox>
<asp:LinkButton ID="LinkButton1"
runat="server">LinkButton</asp:LinkButton><br />
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem>0</asp:ListItem>
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
</asp:DropDownList>
<select id="Select1">
<option selected="selected" value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option></option>
<option></option>
<option></option>
</select>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
 
Here is a page using the calendar extender. I've placed a dropdownlist
control and a html select below the associated textbox control. When I
click on the link button to display the calendar it appears to render
over top when I use IE 7 or FireFox 2.
Click to expand...

It's an ie6 bug. Divs appear behind certain controls.

There's workaround, and usually it involves creating an iframe in the
exact position of the div.
 
Thanks


Larry Bud said:
It's an ie6 bug. Divs appear behind certain controls.

There's workaround, and usually it involves creating an iframe in the
exact position of the div.
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

AJAX Dropdown extender & Gridview 1
Dynamic Data WebSite 1
Calendar extender 1
dependent drop down lists using AJAX and Access database 1
Control inteference problem with AJAX 2
editing a gridview row 1
AJAX Asyncfileupload - how to refresh updatepanel after UploadedComplete 1
Confirm dialog and ajax call 1

Back
Top