#SharePointProblems | Koskila.net

Solutions are worthless unless shared! Antti K. Koskela's Personal Professional Blog

How to show a Classic SharePoint page in dialog mode (without SharePoint's full-blown chrome)

koskila
Reading Time 2 min
Word Count 252 words
Comments 2 comments
Rating 4 (1 votes)
View

Classic SharePoint actually has a very handy piece of functionality, using which you can hide most of the SharePoint chrome (like header and navigation), and hence make the page a lot sleeker. This is especially useful for showing the contents in a dialog window - which SharePoint also supports natively through JavaScript! This post describes how.

How to show any (classic) SharePoint page in dialog mode?

Pretty easy - it's handled via a URL parameter!

Yeah, weirdly enough at least once something's easy with SharePoint. Just grab the address of whatever page you're on, and append a URL parameter "IsDlg=1" in the end. So, an example!

Todd Klindt has a great SharePoint blog, which he also hosts on SharePoint (everyone loves the built-in CMS after all, right?) and this makes his site a great example here. His post about SharePoint 2013 build numbers, is located at an address like this:

https://www.toddklindt.com/blog/Lists/Posts/Post.aspx?ID=346

If you want to see it without navigation or header, you can instead go to the address like this:

https://www.toddklindt.com/blog/Lists/Posts/Post.aspx?ID=346&IsDlg=1

What can you use it for?

Well, just like the parameter name implies, a good example would be to use this version of the page in a dialog window. See below for an example!

[caption id="attachment_1314" align="alignnone" width="795"]SharePoint publishing page in a dialog window with ?IsDlg=1 SharePoint publishing page in a dialog window with ?IsDlg=1[/caption]

A full-blown SharePoint Publishing page should look ridiculous in a very small dialog window, but with ?IsDlg=1 actually looks ok. Still not fabulous (for that, we've got Modern SharePoint!), but definitely usable and useful.

Comments

Interactive comments not implemented yet. Showing legacy comments migrated from WordPress.
Lucas
2020-11-12 22:43:06)
Hi - I'm having an issue with a pop-up dialog that I was able to create after reading your posts. The trouble I am having is that the pop-up works perfectly, but ONLY while I'm editing the page. Could you please share any insights you may have? Thank you, Here is the JS code that I am using, but only works while editing the page: <script language="javascript" type='text/javascript'>  _spBodyOnLoadFunctionNames.push('showPopup');  function showPopup() {     var options = {        title: "FREE Flu Shots for ALL Team Members!",        width: 1500,        height: 500,        url: "https://ourwebsite.com/Pages/2020FluShot.aspx?IsDlg=1" };    SP.UI.ModalDialog.showModalDialog(options);  }  </script>
Antti K. Koskela
2020-11-16 22:24:58
Hi Lucas! Thanks for your question - any errors in console?
Whitewater Magpie Ltd.
© 2025
Static Site Generation timestamp: 2025-08-21T07:25:15Z