Welcome to deBUG.to Community where you can ask questions and receive answers from Microsoft MVPs and other experts in our community.
0 like 0 dislike
1.9k views
in SharePoint Server by 24 25 33
edited by

How I can show SharePoint Modal Popup Dialog with HTML option in SharePoint 2019? I am trying to use SP.UI.ModalDialog.showModalDialog to open link in SharePoint Popup Dialog but I need to show DIV HTML instead? How I can do that?

var options = {
url: pageUrl,
title: 'Modal Title',
allowMaximize: false,
showClose: true,
width: 726,
height: 372
};
SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
}

1 Answer

1 like 0 dislike
by 158 185 374
selected by
 
Best answer

How to show SharePoint Modal Popup Dialog With HTML option?

You can show HTML option instead of URL option in SharePoint Modal Popup Dialog as the following:

<script>

    function openDialog() {
        var divElement = document.createElement('div');
            divElement.innerHTML = "enter your content here";

        var options = {
            html: divElement,
            title: "Yout title",
            allowMaximize: false,
            showClose: true,
            width: 300,
            height: 100
        };
        SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
    }
</script>

<a href="#" onclick="openDialog();">Click Here</a>

For more details, Please check Open link in Modal Dialog SharePoint 2013 and 2016

If you don’t ask, the answer is always NO!
...