Open page as modal dialog from ecb

Question

When I click manage permission button in ecb menu in a list a new user.aspx page is opened. I want to open this page in modal dialog. How can I do it? I know about msdn and this solutions, but the second doesn't work for me. I want to open user.aspx page in modal dialog only for one application page.

Answer 1

This should get you going.

http://msdn.microsoft.com/en-us/library/ff410058.aspx

    //Using the DialogOptions class.
    var options = SP.UI.$create_DialogOptions();

    options.title = "My Dialog Title";
    options.width = 400;
    options.height = 600;
    options.url = "/_layouts/DialogPage.aspx";

SP.UI.ModalDialog.showModalDialog(options);

//Using a generic object.
var options = {
title: "My Dialog Title",
width: 400,
height: 600,
url: "/_layouts/DialogPage.aspx" };

SP.UI.ModalDialog.showModalDialog(options);

Here try this site http://kancharla-sharepoint.blogspot.com/2012/07/sharepoint-model-dialog-from-ribbon.html

    <!--?xml version="1.0" encoding="utf-8"?-->

  <commanduihandlers>
    <commanduihandler command="ShowAlert" commandaction="javascript:
                      function demoCallback(dialogResult, returnValue)
          {
            SP.UI.Notify.addNotification('Operation Successful!');

            SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK);
          }

          var options = {             
            url: '/_layouts/Settings.aspx',
            tite: 'Move Documents',
            allowMaximize: false,
            showClose: true,
            width: 800,
            height: 600,
            dialogReturnValueCallback: demoCallback };

          SP.UI.ModalDialog.showModalDialog(options);">
  </commanduihandler></commanduihandlers>

Answer 2

Here is how I have done it in the past:

1)Include a script on your page which will attach a custom "click" event on all the ECB buttons (the ones with the downward arrow image). The class you can use as selector for the ECB button is s4-ctx

2) Inside that custom event, write another function which will look for the "Manage Permissions" span with id as ID_MngPerms and change it's click event to open the modal dialog box with the permissions page inside.

The way this will work is that the ECB menu is loaded on the page only after the ECB button is clicked. So we will be able to get it using jQuery only after the click event of the ECB is fired.

Here is some starting code for you:

$(function(){
    //Attach custom click event to ECB buttons
    $(".s4-ctx").bind("click",function(){   
        //Remove any default function from the Manage Permissions link.
        $("#ID_MngPerms").unbind();
        //Attach custom function.
        $("#ID_MngPerms").bind("click",function(){
            //Open Modal Dialog box.
        }); 
    });
});