0

I am having a problem with modal popup. I used this code an its running fine but the pop appears in black colour. I cant see the text written inside the pop. Pls help me to solve this.....


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<link href="Style.css" rel="stylesheet" type="text/css" />
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BackgroundCssClass="modalBackground" TargetControlID="signin" PopupControlID="Panel1" DropShadow=true>
</cc1:ModalPopupExtender>

</div>
<asp:Panel ID="Panel1" runat="server" Height="273px" Width="663px">
<div style="text-align: center">
<table>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
Login</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
Username</td>
<td style="width: 100px">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px; height: 21px">
Password</td>
<td style="width: 100px; height: 21px">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
<td style="width: 100px; height: 21px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
<asp:Button ID="login" runat="server" Text="Login" /></td>
<td style="width: 100px">
</td>
</tr>
</table>
</div>
</asp:Panel>
<br />
<br />
<asp:Button ID="signin" runat="server" Text="Signin" />
</form>
</body>
</html>

Edited by unknowndevil41: n/a

3
Contributors
3
Replies
5
Views
7 Years
Discussion Span
Last Post by virang_21
0

I am having a problem with modal popup. I used this code an its running fine but the pop appears in black colour. I cant see the text written inside the pop. Pls help me to solve this.....


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<link href="Style.css" rel="stylesheet" type="text/css" />
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BackgroundCssClass="modalBackground" TargetControlID="signin" PopupControlID="Panel1" DropShadow=true>
</cc1:ModalPopupExtender>

</div>
<asp:Panel ID="Panel1" runat="server" Height="273px" Width="663px">
<div style="text-align: center">
<table>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
Login</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
Username</td>
<td style="width: 100px">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px; height: 21px">
Password</td>
<td style="width: 100px; height: 21px">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
<td style="width: 100px; height: 21px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
<asp:Button ID="login" runat="server" Text="Login" /></td>
<td style="width: 100px">
</td>
</tr>
</table>
</div>
</asp:Panel>
<br />
<br />
<asp:Button ID="signin" runat="server" Text="Signin" />
</form>
</body>
</html>

Hi there

Just remove the following attribute and see the result if the result issame? if your problem is gone then chek your css class

BackgroundCssClass="modalBackground"
0

Hi there

Just remove the following attribute and see the result if the result issame? if your problem is gone then chek your css class

BackgroundCssClass="modalBackground"

No sir, its still the same..... the whole popup window appears black

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.