Ajax ModalPopupExtender Problem

Question

0.00/5 (No votes)

See more:

, +

Hello ,

First , I read this article : ASP.NET AJAX Control Toolkit ModalPopupExtender Control in Action[^]

I added a Modal Popup extender in my project. In aspx page , i added this :

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

and this :

XML

<asp:ImageButton ID="ImageButton1" runat="server" CssClass="search_img" ImageUrl="images/search.png" ></asp:ImageButton>


<asp:scriptmanager id="ScriptManager1" runat="server">
</asp:scriptmanager>


<cc1:modalpopupextender id="ModalPopupExtender1" runat="server"
    cancelcontrolid="btnCancel" okcontrolid="btnOkay"
    targetcontrolid="ImageButton1" popupcontrolid="Panel1"
    popupdraghandlecontrolid="PopupHeader" drag="true"
    backgroundcssclass="ModalPopupBG">
</cc1:modalpopupextender>

<asp:panel id="Panel1" style="display: none" runat="server">
    <div class="HellowWorldPopup">
                <div class="PopupHeader" id="PopupHeader">Header</div>
                <div class="PopupBody">
                    <p>This is a simple modal dialog</p>
                </div>
                <div class="Controls">
                    <input id="btnOkay" type="button" value="Done" />
                    <input id="btnCancel" type="button" value="Cancel" />
        </div>
        </div>
</asp:panel>

My problem is , when i click my imagebutton ,it's just like refresing page. And there is no modalpopup. Am i missing something ?

Because of my hosting , i can't change trust level. For this reason i can't use this ajax tool. Thanks for your help.

Posted 4-Aug-14 22:25pm

kozmikadam

Updated 9-Aug-14 9:42am

v2

Add a Solution

6 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)

Sreejesh T J Nair · Answer 1 · 2014-08-14T01:33:00

Solution 7

Get rid of scriptmanager and try toolkitscriptmanager ajaxtoolkit control does not support script manager

Posted 14-Aug-14 1:33am

Sreejesh T J Nair

Animesh Datta · Answer 2 · 2014-08-04T23:01:00

Solution 2

Hello ,
Replace your ScriptManager with ToolkitScriptManager and check the issue.

<ajaxtoolkit:toolkitscriptmanager id="ToolkitScriptManager1"  runat="server" enablescriptglobalization="true">
</ajaxtoolkit:toolkitscriptmanager>

thanks

Posted 4-Aug-14 23:01pm

Animesh Datta

Updated 4-Aug-14 23:02pm

v2

Comments

kozmikadam 5-Aug-14 5:54am

Hello , I tried this now. It's says : Unknown server tag 'AjaxToolkit:ToolkitScriptManager'.

So i change it like this : <cc1:ToolkitScriptManager id="ToolkitScriptManager1" runat="server" enablescriptglobalization="true">

And this time it's giving an another error like: "Unable to load one or more of the requested types. Retrieve the LoaderExceptions property for more information."

Animesh Datta 5-Aug-14 6:00am

<configsections>

put this in web config file
<sectiongroup name="system.web.extensions">
type="System.Web.Configuration.SystemWebExtensionsSectionGroup,
System.Web.Extensions, Version=3.5.0.0, Culture=neutral,
PublicKeyToken=31BF3856AD364E35">

kozmikadam 5-Aug-14 6:06am

In which tag ?

Animesh Datta 5-Aug-14 6:17am

check
http://www.codeproject.com/Questions/675968/Unable-to-load-one-or-more-of-the-requested-types

kozmikadam 5-Aug-14 6:33am

<configsections>

<sectiongroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup,
System.Web.Extensions, Version=3.5.0.0, Culture=neutral,
PublicKeyToken=31BF3856AD364E35">

It's giving this error : Unable to load one or more of the requested types. Retrieve the LoaderExceptions property for more information

In this line :

Line 69:
Line 70:
Line 71: <cc1:ToolkitScriptManager id="ToolkitScriptManager1" runat="server" enablescriptglobalization="true">
Line 72:
Line 73:

Animesh Datta 5-Aug-14 6:38am

remove the toolkitscriptmanager from your code and clean the solution then drag & drop from toolbox .and try.

kozmikadam 5-Aug-14 6:46am

i removed toolkitscriptmanager from my code. Rebuild my solution. After i added the toolkitscript from toolbox. But still i have same problem "Unable to load one or more of the requested types. Retrieve the LoaderExceptions property for more information."

Animesh Datta 5-Aug-14 6:58am

have you set the Trust level in web config ?

kozmikadam 5-Aug-14 7:15am

I haven't yet. I search on internet. And i found this : "<trust level="Full"/>" But i can't find , must be this line in which tags. I wrote in system.web tag but it's giving error like :"This configuration section cannot be used at this path"

My web.conf :

connection string
system.web

<trust level="Full"/>

system.web />

Animesh Datta 5-Aug-14 7:20am

try this link
https://support.winhost.com/KB/a657/changing-the-default-aspnet-trust-level.aspx

kozmikadam 5-Aug-14 7:28am

Already i tried this link. Result : "Parser Error Message: This configuration section cannot be used at this path. This happens when the site administrator has locked access to this section using <location allowoverride="false"> from an inherited configuration file."

Should i open a new system web tag in configuration or can i use default system web tag which one is already in configuration tag ?

I use default one.

kozmikadam 5-Aug-14 7:43am

My new error is " This configuration section cannot be used at this path. This happens when the site administrator has locked access to this section using <location allowoverride="false"> from an inherited configuration file."

_Amy · Answer 3 · 2014-08-05T02:55:00

Solution 4

You should try using ToolkitScriptManager instead of ScriptManager.

--Amy

Posted 5-Aug-14 2:55am

_Amy

Comments

kozmikadam 5-Aug-14 9:11am

Hi Amy , Please check comment's of solution 2. I tried already ToolkitScriptManager but this time i saw another errors.

_Amy 5-Aug-14 9:20am

Check your assembly version. Add Ajax ddl once again(delete previous one).

kozmikadam 5-Aug-14 9:38am

I delete all ajax dll file. And after added again. Nothing change.

_Amy 5-Aug-14 9:44am

Try checking CopyLocal property of ddl.
Right click on ddl --> go to properties --> set the CopyLocal to true.

kozmikadam 5-Aug-14 9:56am

So how can i do this ? In solution explorer there isn't properties for right click.
My project is not local also. It's online.

_Amy 5-Aug-14 10:10am

Is it deployed in IIS? If yes the redeploy after refreshing DLL.

TrushnaK · Answer 4 · 2014-08-05T03:12:00

Place script manager on top and try like:-

XML

<asp:ImageButton ID="ImageButton1" runat="server" CssClass="search_img" ImageUrl="images/search.png" OnClientClick="return ShowModalPopup()"></asp:ImageButton>


<asp:scriptmanager id="ScriptManager1" runat="server">
</asp:scriptmanager>


<cc1:modalpopupextender id="ModalPopupExtender1" runat="server"
    cancelcontrolid="btnCancel" okcontrolid="btnOkay"
    targetcontrolid="ImageButton1" popupcontrolid="Panel1"
    popupdraghandlecontrolid="PopupHeader" drag="true"
    backgroundcssclass="ModalPopupBG">
</cc1:modalpopupextender>

<asp:panel id="Panel1" style="display: none" runat="server">
    <div class="HellowWorldPopup">
                <div class="PopupHeader" id="PopupHeader">Header</div>
                <div class="PopupBody">
                    <p>This is a simple modal dialog</p>
                </div>
                <div class="Controls">
                    <input id="btnOkay" type="button" value="Done" OnClientClick="return HideModalPopup()"/>
                    <input id="btnCancel" type="button" value="Cancel" OnClientClick="return HideModalPopup()"/>
        </div>
        </div>
</asp:panel>

wrote javascript like:-

XML

<script type="text/javascript">
        function ShowModalPopup() {
            $find("ModalPopupExtender1").show();
            return false;
        }
        function HideModalPopup() {
            $find("ModalPopupExtender1").hide();
            return false;
        }
    </script>

ClimerChinna · Answer 5 · 2014-08-05T02:39:00

Use below code in place of your code ,

XML

<asp:scriptmanager id="ScriptManager1" runat="server">
</asp:scriptmanager>
 <asp:ImageButton ID="ImageButton1" runat="server" CssClass="search_img" ImageUrl="images/search.png" ></asp:ImageButton>

<cc1:modalpopupextender id="ModalPopupExtender1" runat="server"
    cancelcontrolid="btnCancel" okcontrolid="btnOkay"
    targetcontrolid="ImageButton1" popupcontrolid="Panel1"
    popupdraghandlecontrolid="PopupHeader" drag="true"
    backgroundcssclass="ModalPopupBG">
</cc1:modalpopupextender>
 <div id="Panel1" style="display: none;" >

    <div class="HellowWorldPopup">
                <div class="PopupHeader" id="PopupHeader">Header</div>
                <div class="PopupBody">
                    <p>This is a simple modal dialog</p>
                </div>
                <div class="Controls">
                    <input id="btnOkay" type="button" value="Done" />
                    <input id="btnCancel" type="button" value="Cancel" />
        </div>
        </div>
</div>

add all CSS classes which are available in your referred link,and use class names exactly.

ClimerChinna · Answer 6 · 2014-08-05T03:26:00

XML

<head runat="server">
    <title></title>
    <style type="text/css">
        .ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popup_Container {
    background-color:#fffeb2;
    border:2px solid #000000;
    padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
    width: 300px;
    height: 600px;
}

.popup_Titlebar {
    //background: url(Images/titlebar_bg.jpg);
    background-color:black;
    height: 29px;
}

.popup_Body
{
    padding:15px 15px 15px 15px;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    color:#000000;
    line-height:15pt;
    clear:both;
    padding:20px;
}
.Container
{
    margin:auto;
    min-height:400px;
    background:#ffffff;
    max-width:500px;
    min-width:500px;
    border:solid 1px #d4d4d4;
    padding:0 20px 20px 20px;
}

.ToolBar
{
    border:solid 1px #d4d4d4;
    padding:10px;
    margin-bottom:20px;
}

.GridContainer
{
    background:#ECF5FB;
    min-height:600px;
    border:solid 1px #d4d4d4;
}


.TitlebarLeft
{
    float:left;
    padding-left:5px;
    padding-top:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#FFFFFF;
}
.TitlebarRight
{
    background-color:black;
    background-position:right;
    background-repeat:no-repeat;
    height:28px;
    width:28px;
    float:right;
    cursor:pointer;
    margin-right:0px;
    margin-top:1px;
}

.popup_Buttons
{
    margin:10px;
}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="min-height: 700px;">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:Button ID="Button1" runat="server" Text="Click here to show the modal" />
        <cc1:ModalPopupExtender ID="ModalPopupExtender1" BackgroundCssClass="ModalPopupBG"
            runat="server" CancelControlID="imgClose" OkControlID="btnOkay" TargetControlID="Button1"
            PopupControlID="Panel1" Drag="true" PopupDragHandleControlID="PopupHeader">
        </cc1:ModalPopupExtender>
        <div id="Panel1" style="display: none;">
            <div class="popup_Container">
                <div class="popup_Titlebar" id="PopupHeader">
                    Header
                </div>
                <div class="popup_Body">
                    <%--<p>
                        This is a simple modal dialog
                    </p>--%>

                </div>
                <div class="popup_Buttons">
                    <input id="btnOkay" value="Done" type="button" />
                </div>
            </div>
        </div>
    </div>
    </form>
</body>

follow above code