Member Avatar for unknowndevil41

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 because: n/a
  • 3 Contributors
  • 3 Replies
  • 137 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by virang_21

Recommended Answers

All 3 Replies

Member Avatar for reach_yousuf

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"
Member Avatar for unknowndevil41

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

Member Avatar for virang_21

Remove DropShadow=true attribute from modal popup extender

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.