SharePoint: Hiding Ribbon and More with IsDlg

SharePoint has this neat little feature on every page that allows you to hide the header and nav on the page by simply appending isdlg=1 to the end (careful, it’s case sensitive). It comes in handy when you’re using a page viewer web part, you can show another page on your page and hide the other stuff that you already have on the page. Huh?

It does this:

A normal, happy, SharePoint page

Normal Document

Adding isdlg=1 to the URL makes it look like this

Document library page with isdlg

As you can see we lost the header and quick launch, which is great, but we still have a ribbon! GAH, let’s get rid of it!

This use case came out of a StackExchange question. The user only wanted to show the list of documents in a page viewer web part.

Easy enough! With a little jQuery, we can hide the ribbon, and other stuff on the page. You will need to put this code on the page that you want to hide components on, in my case I put this on my library page. You can embed it a few different ways, I prefer using a Content Editor Web part. Here’s the code to hide the ribbon bar:

<script src="//"></script>

<script type="text/javascript">


function hideItAll(){
 if("isdlg=1") > 0){
 $("#s4-ribbonrow").hide(); //ribbon bar

What the above does is check if the isdlg=1 flag is in the URL, and if it is, hide the ribbon bar.

So you get something like:

Hiding Ribbon Bar

Ooooo…. what about that other bar, with the new, upload, sync? Let’s hide that too. Update your script like:

function hideItAll(){
 if("isdlg=1") > 0){
 $("#s4-ribbonrow").hide(); //ribbon bar

 //because the bar joins us late in the game, we need to throw CSS in to hide it
 $("head").append("<style>#Hero-WPQ2 { display:none }</style>");


will look something like:

Hide Ribbon using IsDlg

And let’s go crazy and hide that pesky view and search bar:

function hideItAll(){
 if("isdlg=1") > 0){
 $("#s4-ribbonrow").hide(); //ribbon bar

 //because the bar joins us late in the game, we need to throw CSS in to hide it
 $("head").append("<style>#Hero-WPQ2 { display:none }</style>");

 $("#CSRListViewControlDivWPQ2").hide(); //views and search bar


Hide toolbars and ribbon with isdlg

You can further explore and show/hide other page components as you want, find the element’s ID using your toolbar and have fun!

‘Til next time, happy SharePointing!

30 thoughts on “SharePoint: Hiding Ribbon and More with IsDlg

Add yours

  1. Hey David,
    Thanks for this perfekt Guid
    I have one last Problem:
    the &isdlg=1 only work with this one page -> when the user click on a link inside this page,
    then the top is showing (other Link without the &isdlg=1) :(
    Do you have a solution for that problem?

    1. Is the link a SharePoint link? Or your own link? If it’s the former, then that’s out of our control, well, kind of. What we could do is add some more JavaScript to add isdlg to all links in the page. Let me know and I can see what I can throw up here to help

      1. all Links are Sharepoint Links yes (Blog)
        so, it would be cool to have a JavaScript to do this :)
        thanks for you help man
        kind regards

      2. The perfekt soloution for me would be when every Link in my webpart open in a new tab or a new window

        is that easy to make with a skript?

  2. Big blank white space! Help! I hid the headers and nav bars, but now I have a big white space in my page viewer web part. Please help. I put the first script above into a CEW on the page that I pulled into the page viewer using the url with IsDlg=1 and the white space is still there.

  3. Hi Dave,

    I think I’m nearly there with the ribbon, But it’s not entirely gone yet. I’m using SP2013. If you look at your first screenshot above, I have a ‘Showme’ menu to the right of the ‘Browse’ menu. With your instructions I got rid of everything on that ribbon except the ‘Showme’ menu. It looks like ?IsDlg=1 removes the ‘Browse’ menu and the ribbonrow function removes the ‘File’ and ‘Library’ menus, but neither remove the ‘Showme’ Menu. Any thoughts?


  4. Hi David,
    When a save a shortcut with isdlg=1 it saves fine. But when I click the shortcut &IsDlg=1 is being added to the end of the URL which is then stopping me from being able to scroll down on my form.
    have you come across this before and how can I get IE to stop adding the uppercase to the URL?
    many thanks

  5. Hi David,

    I’m working on my company’s website and trying to implement this to display the Master Calendar (calendar with overlay) on pageB by adding it as an iFrame inside a content editor. Good news is the Master Calendar is displayed on pageB. Bad news – It displays the branding, left nav bar as well as the right nav bar that is on the Master Calendar page.

    I need to only display the Master Calendar as well as the Right nav bar (which contains the ‘Calendars in View’ color index’). If I append the URL in my content editor with IsDlg=1, then it get rids of BOTH the left and right Navs and branding. Is there a way to preserve the ‘Calendars in View’ right nav?


  6. Hi David,

    Thanks for this. I am having issues getting second and third steps to work. 1st part (hide ribbon) is working. 2nd part (hide new) is not working and neither is 3rd part (hide view and search). I am working in SP 2013.

    Other issue I have come across is that space where ribbon would have show in web part is still there – so my actual library/list shows up much lower in the web part with lots of white space above.

    1. I am having the exact same issue. How might this be fixed? Appreciate all the great posts, David!

  7. I’m using SharePoint 2010 and can’t figure it out :(
    I can’t add the javascript to the AllItems.aspx from the library so I would need to create a new page, have the script together with a webpart that shows the library in that page and in turn call that page in the pageviewer webpart on the page I’d want it to display it on… Correct?

      1. Hi David,

        Thank you for your reply.
        I Think figured it out. To add the javascript to the allitems.aspx you need to use the /ToolPaneView=2 option to add a CEWP to the page and in turn add the javascript/link to your JS file.
        Moved on to the next problem :S

        Kind regards!

  8. I can’t add the code to the library page (allitems.aspx) so I would need to make a new page containing the code and the library as web part and then link that page in the pageviewer… right?

  9. Over a year later, but still relevant. Thanks for the post David. I was trying to figure this out for a client and your post saved me a lot of time and tweaking.

    1. I should mention that the search bar can easily be removed by simply editing the web part and unchecking the search box button. I believe that option is in the Advanced settings of the web part of the list view. Other than that, this post had everything I needed. Thanks again.

  10. Dear David,

    Thank you for your help. The situation described is exactly what I need. However, I’m fairly new to scipting so my quesions is: How can i insert the script in a SP2010 library? Can I just copy the page. How can I add the javascirpt code in IE9?

    Thank you in advance

  11. But where do you put this code? I was given this article as a solution that could be used by content managers who have no access to SharePoint Designer but it doesn’t seem to work when added to a page through the Content Editor Web Part.

    1. Hi Ed,

      Sorry for the confusion. the Javascript code should go onto the page that you want to view, so on the library page in my example. Then, from another page you can add the page viewer web part and for the URL of that web part, point it to your library page, adding isdlg=1 to the end. Let me know if that makes sense. Email me directly and we can work it through easier, david.lozzi at


Leave a Reply to Bryant AveyCancel reply

Up ↑

%d bloggers like this: