I have extender within user controls and this js doesnt work for me. I expected the entender to be renamed prefixed with usercontrol id etc but surprisingly in view source i cant see the extender.

Have you tried this wth user controls?

first user control hosts the extender and target is in usercontrol that is in first user control. Dummy link is sibling as you explained. I just need to show it on client side without any server trips.

In order for this to work we need to add BehaviourID="MyMPE" also into the ModalPopupExtender.

Where is a good place of reference to see all available calls for this control?

Thanks a lot for this!

When I try the javascript programmatic approach the problem I get is that the background isn't disabled when the modal popup is displayed, and I need this.

I use the call to $find('popupbehavior').show() and I also tried calling the hidden button's click() method/event; same problem.

I'd appreciate any help.

-Sorry - I just figured it out. It will disable interaction with the background if (and only if) you use the BackgroundCssClass attribute.

I was able to get it to work without adding the BehaviorID. Instead I just passed the ID of the ModalPopupExtender to $find, and called show on that. Fluke?

I have tried to do this and have not been successfull in making it work. Here is my code.

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server">

        </asp:ScriptManager>







        <h1>Demo</h1>

        <h2>Launching a modal popup extender from javascript</h2>



      <a href="#" onclick="return showModal();">Show</a>

        <msAjax:ModalPopupExtender ID="ModalPopupExtender1" runat="server"

         TargetControlID="dummylink"

         popupcontrolid ="Panel1"

         backgroundcssclass="modalBackground"

         dropshadow="True"

         okcontrolid="okbutton"

         onokscript="onOk()"

         cancelControlId="CancelButton"

         BehaviorId = "mpe"

        >



        </msAjax:ModalPopupExtender>





        <div style="display:none; visibility:hidden;">

        <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup">

            <h1>Here it is!</h1>

            <p>Here is the model popup!!</p>

            <center>

                <asp:Button ID="OkButton" runat="server" Text="OK"></asp:Button>

                <asp:Button ID="CancelButton" runat="server" Text="Cancel"></asp:Button>

            </center>

        </asp:Panel>

        </div>        

<div style="display:none; visibility:hidden;">

    <a href="#" style="display:none;visibility:hidden;" 

   onclick="return false" ID="dummyLink" runat="server">dummy</a>

        </div>



        <script type="text/javascript">

            function onOk() { return true; }



            function showModal() { 

var myBehavior = $find('mpe');

myBehavior.show();

$find('mpe').show;

}

I don't see any popup, so not exactly sure why this is not working for me.

Remove the div tag hiding it ... works fine then ;)

if you want to call the MPE directly from your codebehind, you could call

MPE.show();