SharePoint Modal Dialog does not work under SharePoint 2013

When migrating our Solutions2Share License Management Solution from SharePoint 2010 to SharePoint 2013 the SharePoint Modal Dialog did not open.

SharePoint 2010 Example:

   1: function ShowServerInformation() {
   2:         var options = {
   3:             url: '/_admin/Solutions2Share/LicenseManagement/GeneralServerInformation.aspx',
   4:             tite: 'Server Information',
   5:             allowMaximize: false,
   6:             showClose: true,
   7:             width: 430,
   8:             height: 230
   9:         };
  10:
  11:         SP.UI.ModalDialog.showModalDialog(options);
  12:         return false;
  13:     }

How to fix this problem

1. Remove the Java Script reference.
   <script src=”/_layouts/sp.js” type=”text/javascript”></script>
   <script src=”/_layouts/SP.UI.Dialog.js” type=”text/javascript”></script>
2. Add to the url variable “?IsDlg=1″`
3. Replace the command SP.UI.ModalDialog.showModalDialog() with the new command SP.SOD.execute(‘sp.ui.dialog.js’, ‘SP.UI.ModalDialog.showModalDialog’, options);

With this few changes your solution will work correctly.

SharePoint 2013 Example:

   1: function ShowServerInformation(featureId) {
   2:       var options = {
   3:           url: '/_admin/Solutions2Share/LicenseManagement/ServerInformation.aspx?featureId=' + featureId + "&IsDlg=1",
   4:           title: 'Server Information',
   5:           allowMaximize: false,
   6:           showClose: true,
   7:           width: 430,
   8:           height: 230
   9:       };
  10:
  11:       SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
  12:
  13:       return false;
  14:   }

Looking for a tool to improve SharePoint collaboration in your organization? Check out our Collaboration Manager!

Christian Groß

CEO at Solutions2Share – Christian Groß is a Teams Expert from the very beginning. During the last 4 years, he and his team developed 6 teams apps with over 20,000 installations worldwide, built up his own service company and also founded the largest German-speaking teams conference.

Subscribe to Newsletter