i am not getting a popup MODAL in ajax using asp.net :(

Question

0.00/5 (No votes)

See more:

CSS

XML

<style type="text/css">

.modal
{
    position:absolute;
    z-index:7000px;
    top:0px;
    left:0px;
    background-color:Gray;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;

    }

</style>

ASP.NET
<body>
<form id="form1" runat="server">

<asp:ScriptManager ID="sm" runat="server" >

<asp:Button ID="clickbtnn" runat="server" Text="click"/>

<asp:Panel ID="Panel1" runat="server" BorderColor="AliceBlue" BorderWidth="2px" Height="350px" Width="350px" BorderStyle="Solid" >
<asp:Button ID="okbtn" runat="server" Text="click"/>
<asp:Button ID="cnlbtn" runat="server" Text="click"/>

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" DropShadow="true" OkControlID="okbtn" CancelControlID="cnlbtn" BackgroundCssClass="modal" TargetControlID="clickbtnn" PopupControlID="Panel1">

</form>
</body>

Posted 4-Feb-14 21:22pm

kishorebt

Updated 4-Feb-14 21:40pm

v6

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Answer 1 · 2014-02-04T22:12:00

Solution 2

Try this

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript">

    </script>
    <style type="text/css">

.modal
{
    position:absolute;
    z-index:7000px;
    top:0px;
    left:0px;
    background-color:Gray;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;

    }

</style>
</head>
<body>
    <form id="frm" runat="server">
    <asp:ScriptManager ID="sm" runat="server" />
    <asp:Button ID="clickbtnn" runat="server" Text="open popup" />
    <asp:Panel ID="Panel1" runat="server" BorderColor="AliceBlue" BorderWidth="2px" Height="350px"
        Width="350px" BorderStyle="Solid">
        <asp:Button ID="okbtn" runat="server" Text="ok" />
        <asp:Button ID="cnlbtn" runat="server" Text="cancel" />
    </asp:Panel>
    <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" DropShadow="true"
        OkControlID="okbtn" CancelControlID="cnlbtn" BackgroundCssClass="modal" TargetControlID="clickbtnn"
        PopupControlID="Panel1" />
    </form>
</body>
</html>

Posted 4-Feb-14 22:12pm

Karthik_Mahalingam

Comments

Karthik_Mahalingam 5-Feb-14 4:13am

asp:ModalPopupExtender change it to ajaxToolkit:ModalPopupExtender if your prefix for AJAX is ajaxToolkit

kishorebt 5-Feb-14 4:19am

<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server" TargetControlID="LinkButton1" PopupControlID="Panel1"
BackgroundCssClass="modalBackground" CancelControlID="can">

NOT WORKING

kishorebt 5-Feb-14 4:22am

See im working on ajax so <ajax> tool kit ive inserted.

Karthik_Mahalingam 5-Feb-14 4:25am

did u added ajax reference like this
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

kishorebt 5-Feb-14 4:27am

no hw to do that ????

kishorebt 5-Feb-14 4:30am

Even Ive Registered That AjaxToolKit NOT WORKING !!!

Karthik_Mahalingam 5-Feb-14 4:39am

r u getting any error ?

Karthik_Mahalingam 5-Feb-14 4:39am

post your updated code, let me check...

kishorebt 5-Feb-14 4:48am

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ajaxmodal.aspx.cs" Inherits="dummy.testtt.ajaxmodal" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=50);
opacity: 0.7;
}
</style>

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="sm" runat="server">
<asp:Button ID="LinkButton1" runat="server" Text="Button"
onclick="LinkButton1_Click" />

<asp:Panel ID="Panel1" runat="server" BorderColor="Black" BackColor="White" Height="300px"
Width="800px" HorizontalAlign="Center">
<br />
<br />
<asp:Button ID="Ok" runat="server" Text="submit" />
<asp:Button ID="can" runat="server" Text="cancel" />

<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server" TargetControlID="LinkButton1" PopupControlID="Panel1"
BackgroundCssClass="modalBackground" CancelControlID="can">

</div>
</form>
</body>
</html>

kishorebt 5-Feb-14 4:49am

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace dummy.testtt
{
public partial class ajaxmodal : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}

protected void LinkButton1_Click(object sender, EventArgs e)
{
this.MPE.Show();
}
}
}

kishorebt 5-Feb-14 4:50am

NO ERROR !!!!!!!!
BUT STILL NOT GETTING ANY MODAL POPUP

Karthik_Mahalingam 5-Feb-14 4:54am

you tag prefix is asp but you are using ajaxToolkit:ModalPopupExtender
change it to asp:ModalPopupExtender
and close the panel tag
<asp:Panel ID="Panel1" runat="server" BorderColor="Black" BackColor="White" Height="300px"
Width="800px" HorizontalAlign="Center">
<br />
<br />
<asp:Button ID="Ok" runat="server" Text="submit" />
<asp:Button ID="can" runat="server" Text="cancel" />

kishorebt 5-Feb-14 5:13am

NO not working again with asp.. See if possible can u send any simple working of a model popup

Karthik_Mahalingam 5-Feb-14 5:18am

you need in ajax only or using javascript is fine for you ?

Karthik_Mahalingam 5-Feb-14 5:19am

u need only in AJAX modal popup or using javascript is fine for you?

kishorebt 5-Feb-14 5:32am

see im building a chat engine so for fetching and storing details with database , y im using a popup is bcoz for login , giving nick names and registration.

so which one will be effective with asp.net , either javascript or ajax

Karthik_Mahalingam 5-Feb-14 5:41am

both are same only..
even ajax is done with Javascript only..
those who dont know to use javascript, microsft has introduced ajax popup for easy usage...

kishorebt 5-Feb-14 6:12am

then can u post javascript popup

Karthik_Mahalingam 5-Feb-14 6:43am

ok

Karthik_Mahalingam 5-Feb-14 7:13am

http://www.codeproject.com/Articles/210537/Modal-PopUp-Overlay

King Fisher · Answer 2 · 2014-02-04T21:49:00

Solution 1

verify with this

Posted 4-Feb-14 21:49pm

King Fisher

Updated 4-Feb-14 21:50pm

v2

Comments

kishorebt 5-Feb-14 4:00am

ya even tried with that im not getting a popup. so can u simplify with my code bcoz its very simple code

King Fisher 5-Feb-14 4:02am

your c# code?

kishorebt 5-Feb-14 4:03am

i don't have c# code.
its just a popup i think c# is no need

King Fisher 5-Feb-14 4:14am

have you ?
this.ModalPopupExtender1.Show();

kishorebt 5-Feb-14 4:16am

no ive not did that in my c# is that necessary to do..

kishorebt 5-Feb-14 4:18am

ive done that still not working

King Fisher 5-Feb-14 4:21am

getting error?

kishorebt 5-Feb-14 4:25am

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ajaxmodal.aspx.cs" Inherits="dummy.testtt.ajaxmodal" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=50);
opacity: 0.7;
}
</style>

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="sm" runat="server">
<asp:Button ID="LinkButton1" runat="server" Text="Button"
onclick="LinkButton1_Click" />

<asp:Panel ID="Panel1" runat="server" BorderColor="Black" BackColor="White" Height="300px"
Width="800px" HorizontalAlign="Center">
<br />
<br />
<asp:Button ID="Ok" runat="server" Text="submit" />
<asp:Button ID="can" runat="server" Text="cancel" />

<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server" TargetControlID="LinkButton1" PopupControlID="Panel1"
BackgroundCssClass="modalBackground" CancelControlID="can">

</div>
</form>
</body>
</html>

kishorebt 5-Feb-14 4:26am

This is SOURCE CODE