Tech
News
Videos
Forums
Jobs
Books
Events
More
Interviews
Live
Learn
Training
Career
Members
Blogs
Challenges
Certification
Contribute
Article
Blog
Video
Ebook
Interview Question
Collapse
Feed
Dashboard
Wallet
Learn
Achievements
Network
Refer
Rewards
SharpGPT
Premium
Contribute
Article
Blog
Video
Ebook
Interview Question
Register
Login
How To Hide The HTML Elements In SharePoint Popup Dialogs
WhatsApp
Sakthiram D
7y
7
k
0
3
25
Blog
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
.
HTML Elements
SharePoint
SharePoint Popup Dialogs
Up Next
Introduction To SharePoint 2016 Add-ins (aka apps)
Ebook Download
View all
SharePoint Framework (SPFx) A Developers Guide
Read by 11.1k people
Download Now!
Learn
View all
Membership not found