How to hide the html elements in SharePoint popup dialogs

Introduction:

In this article we will explore , How to hide the html elements in SharePoint popup page.

By  default SharePoint allows to hide the elements from popup dialogs using css class.

When creating custom master pages , we will add own branding html elements like headers , logos and footers to the pages. 

These elements are not required to be shown while opening the popup dialogs.


Solution: 
simply add the below cssclass to the html  elements to hide in the dialog

"ms-dialogHidden"

<div id="header" class="ms-dialogHidden"> </div> <div id="logo" class="ms-dialogHidden"> </div> <div id="footer" class="ms-dialogHidden"> </div>

Sample Code added: 

OutPut: 

Hope this article helps !!

Thanks for reading this article ! ! please leave your comments and suggestion about this article.