Hi Friends,

I wonder why the modal popup control is not wroking with IE and it dose not have any issue with FireFox  and Even in Opera.

I am searching the sollution for it since last 2 days. Please Gyz Help me out.

ISSUE:

Possition of Popup get shifted on top-left side of screen which somehow can be managed to be center, But At same time on my page it brings up infinit scroll which is a mess. Is any one have ever seen this issue

Is that the problem with Dotnetnuke or what because. same code is wroking in small ASP.net Examlpe.

For your refrence i had mentioned the Code from my Sollution.

<%@ Control Language="vb" AutoEventWireup="false" Codebehind="ShowImage.ascx.vb" Inherits="Polle.DNN.Modules.PiGa.ShowImage" %>

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

    <script type="text/javascript">
        var styleToSelect;
        function onOk() {
            $get('Paragraph1').className = styleToSelect;
        }
       
        // Add click handlers for buttons to show and hide modal popup on pageLoad
        function pageLoad() {
            $addHandler($get("showModalPopupClientButton"), 'click', showModalPopupViaClient);
            $addHandler($get("hideModalPopupViaClientButton"), 'click', hideModalPopupViaClient);       
        }
       
        function showModalPopupViaClient(ev) {
            ev.preventDefault();
            var modalPopupBehavior = $find('programmaticModalPopupBehavior');
            modalPopupBehavior.show();
        }
       
        function hideModalPopupViaClient(ev) {
            ev.preventDefault();       
            var modalPopupBehavior = $find('programmaticModalPopupBehavior');
            modalPopupBehavior.hide();
        }
  </script>
<div class="demoarea">

        <div class="demoheading">ModalPopup Demonstration</div>
       
        <asp:LinkButton ID="LinkButton1" runat="server" Text="Click here to change the paragraph style" />
       
        <asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
            <asp:Panel ID="Panel3" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black">
                <div>
                    <p>Drag Me...</p>
                </div>
            </asp:Panel>
                <div>
                    This is Microsofts Clean version of simple Modal Popup Control.
                   
                    <p style="text-align: center;">
                        <asp:Button ID="OkButton" runat="server" Text="OK" />
                        <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
                    </p>
                </div>
               
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server"
            TargetControlID="LinkButton1"
            PopupControlID="Panel1"
            Drag ="true"
            RepositionMode="RepositionOnWindowResize"           
            BackgroundCssClass="modalBackground"
            OkControlID="OkButton"
            OnOkScript="onOk()"
            CancelControlID="CancelButton"
            DropShadow="true"
            PopupDragHandleControlID="Panel3" />
        <br />
        <br /><hr /><br />
    </div>

Software Development

Microsoft ASP.NET AJAX (and the AJAX Control Toolkit) require an XHTML doctype to perform correctly.  Make sure that you are testing it on a skin that uses an XHTML doctype.  We have an article in our documentation about setting up your skin to use an XHTML doctype.

Hope it helps,

Hi Patja,

Thank you So much! For your response.

But I have tryed to use your instruction, in the abouve code. Yet the Problem is remains as it was.

Software Development