Dialogs and CSS in SharePoint 2010

The dialog framework, introduced in SharePoint 2010, enables users to enter list data while maintaining context within the current page. Dialogs—also referred to as light boxes—are a concept that has existed for a while in web development. When branding SharePoint 2010 sites, you need to consider how any custom branding affects dialogs. Thankfully, when Microsoft launched SharePoint 2010 it included a special CSS class named s4-notdlg that when added to elements stops those elements from appearing in dialogs. The out-of-the-box master pages in SharePoint 2010 include the s4-notdlg class to stop common page artifacts, such as navigation and search bar, from appearing in dialogs. For example, where the v4.master ...

Get Microsoft® SharePoint® Designer 2010 Unleashed now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.