• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1073
  • Last Modified:

Modal Popup

I used modal popup in home page and page without adding master page working fine.But i used this modal popup in content placeholder its not working properly.Please help me regarding this one. i attched my code. and style sheet also.please help me urgent.
<%@ Page Language="C#" MasterPageFile="~/Home.master" AutoEventWireup="true" CodeFile="test13.aspx.cs" Inherits="Admin_test13" Title="Untitled Page" %>
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderMenu" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderMain" Runat="Server">
    &nbsp;<asp:ScriptManager id="ScriptManager1" runat="server"></asp:ScriptManager>
    &nbsp;
    <table style="width: 100%">
        <tr>
            <td style="width: 100%">
    <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BackgroundCssClass="modalBackground"
     CancelControlID="btnCancel" DropShadow="True" OkControlID="btnSubmit" PopupControlID="pnlPendingReject" TargetControlID="btnReject">
    
    </cc1:ModalPopupExtender>
 
<asp:Panel ID="pnlPendingReject" runat="server" CssClass="modalPopup" Width="200px" 
                                               Style="display: none">
                                               <table width="100%">
                                                   <tr>
                                                       <td colspan="3" style="text-align: left">
                                               
                                                       </td>
                                                   </tr>
                                                   <tr>
                                                       <td class="Body_Text" style="text-align: right">
                                                           Reason :</td>
                                                       <td colspan="2" style="text-align: left">
                                                           <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Width="199px"></asp:TextBox>
                                                       </td>
                                                   </tr>
                                                   <tr>
                                                       <td>
                                                       </td>
                                                       <td>
                                                           <asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" Style="background-image: url(But_back.png);
                                                               background-color: transparent" Text="Submit" Width="92px" />
                                                       </td>
                                                       <td>
                                                           <asp:Button ID="btnCancel" runat="server" OnClick="btnCancel_Click" Style="background-image: url(But_back.png);
                                                               background-color: transparent" Text="Cancel" Width="92px" />
                                                       </td>
                                                   </tr>
                                               </table>
                                           </asp:Panel>
                <asp:Button ID="btnReject" runat="server" CausesValidation="False" OnClick="btnReject_Click"
                    Style="background-image: url(But_back.png); background-color: transparent" Text="Reject"
                    Width="86px" /></td>
        </tr>
    </table>
 
</asp:Content>
 
StyleSheet:
.watermark {
	background: #FFAAFF;
}
 
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}
 
.modalBackground {
	background-color:Blue;
	filter:alpha(opacity=50);
	opacity:0.7;
	z-index:500;
}
 
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	
}
 
.sampleStyleA {
	background-color:#FFF;
}
 
.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}
 
.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}
 
.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

Open in new window

0
mannevenu
Asked:
mannevenu
  • 3
  • 2
1 Solution
 
Praveen VenuCommented:
Are yuou sure that the CSS files are properly attached in the rendered HTML?
0
 
mannevenuAuthor Commented:
Yes I attched in master page.Problem is extra scrollbars are coming in IE7.in mozilaa it's working nice. but problem with IE7
0
 
mannevenuAuthor Commented:
Hi sir i understand the problem in IE7 but where we can find latest control toolkit.and how to install it.
0
 
Praveen VenuCommented:
0

Featured Post

Visualize your virtual and backup environments

Create well-organized and polished visualizations of your virtual and backup environments when planning VMware vSphere, Microsoft Hyper-V or Veeam deployments. It helps you to gain better visibility and valuable business insights.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now