I'm new to ASP.NET and AJAX, so this is probably an easy question. I am trying to use the Popup Control Extender after watching the How-To video. But I have a problem. The popup meun that I created comes up, but it is behind the other controls in the area (the menu is in the backgroud). Is there something that I need to do so that the menu is over other controls in the area?
Thanks...
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%
@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><!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><link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</
head>
<
body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:Panel ID="Panel1" runat="server" Height="99px" Style="z-index: 100; left: 352px;
position: absolute; top: 234px"
Width="198px" CssClass="popupControl">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate><asp:RadioButtonList ID="RadioButtonList1" runat="server" Style="z-index: 100; left: 0px;
position: absolute; top: 0px">
<asp:ListItem>Option 1</asp:ListItem>
<asp:ListItem>Option 2</asp:ListItem>
<asp:ListItem>Option 3</asp:ListItem>
</asp:RadioButtonList>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
<cc1:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="TextBox1" PopupControlID="Panel1"
Position="Bottom">
</cc1:PopupControlExtender>
<asp:TextBox ID="TextBox1" runat="server" style="z-index: 101; left: 351px; position: absolute; top: 162px" Width="394px"></asp:TextBox><asp:TextBox ID="TextBox2" runat="server" Style="z-index: 102; left: 351px; position: absolute;
top: 221px"
Width="394px"></asp:TextBox><asp:TextBox ID="TextBox3" runat="server" Style="z-index: 104; left: 351px; position: absolute;
top: 192px"
Width="394px"></asp:TextBox>
</div></form>
</
body>
</
html>