How To Hide The HTML Elements In SharePoint Popup Dialogs

Introduction

In this blog we will explore how to hide the html elements in SharePoint popup page. By default SharePoint allows us to hide the elements from popup dialogs using css class.

When creating custom master pages , we will add our 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

Refer the same here in my personal blog.