Tell me more ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.
up vote 0 down vote favorite

This question already has an answer here:

I am trying to get rid of the master page header that appears on the Upload Document popup. How can I accomplish that? Is there any specific css classes that I can use?

When I view the page source of the dialog, it has the master page code on it for displaying this header. How can I hide this header in the dialog alone and not in the main sharepoint page?

share|improve this question
You've already opened a question for that here: sharepoint.stackexchange.com/questions/58802/… Why don't you continue the dialog in one place? – teylyn Feb 5 at 23:28

marked as duplicate by Anders Rask♦ Feb 7 at 8:18

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

3 Answers

up vote 1 down vote

Add the class 's4-notdlg' to your HTML element to prevent the element from displaying in your dialogs. It's as simple as that. :-)

Here's a nice article on SharePoint dialogs which covers this as well.

share|improve this answer
No that is not I am looking for. That is for manually defined dialogs. But this upload document dialog is predefined. I need to know the css class names to do anything. – Gravity M Feb 5 at 15:39
Can you please a screenshot of what you are referring to? The dialogs still use the current site and custom masterpage settings. Simply add the "S4-notdlg" to the correct elements of the site and custom masterpage. It works, I use this to prevent all sorts of options appearing in my dialogs. – Brian Scott Feb 5 at 15:43
I think he is asking about the Sharepoint builtin Modal and hiding it's header. Not sure why you would do that, but this should suffice: .ms-dlgTitle { display:none !important; } – Fox Feb 5 at 15:57
up vote 0 down vote

I think he is asking about the Sharepoint builtin Modal and hiding it's header. Not sure why you would do that, but this should suffice: 

.ms-dlgTitle 
{ 
  display:none !important; 
}

Stick this somewhere in your CSS and you're good to go.

share|improve this answer
it didn't work. It actually hides the Dialog title and the maximize and close buttons. I need to hide the header below it. – Gravity M Feb 5 at 16:22
@G-Man, just upload a screenshot and specify what you are talking about. You're not being clear at all as to what you expect, how can anyone help out when your being so ambiguous? – Brian Scott Feb 5 at 22:38
up vote 0 down vote accepted

The answer is 

.ms-dialog .s4-titletable
{
    display:none !important;
}

So you can stop any style from the master page using .ms-dialog with master page css clas

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.