Monthly Archives: September 2011

An easier way to hide page elements from the SharePoint dialog box

By default, anything you add in your custom SharePoint master page will not only appear in the web interface, but will be passed through and appear in the pop-up dialog box that is used for so many functions in SharePoint 2010. Microsoft recommends adding the s4-notdlg CSS class to any HTML element that you don’t want to appear in the dialog box.  So for example: Continue reading

Hide Links in Discussion Board Flat Topic View

I received a request to hide the “View Properties” and “Reply” icon and text that appears in the far right of the flat topic view in SharePoint 2010.  Here is a CSS style statement to hide both links and the separator image that appears in-between. Continue reading

“Just the Essentials” SharePoint Master Pages

As a follow up to my “Base Master Page Files for SharePoint 2007“, I have put together and posted several different master page files for use with SharePoint 2010.  Every file is heavily commented and provides a lot of information about what code is necessary for various SharePoint functionality and content.  Due to the enhanced user interface elements added to SharePoint 2010 such as the Ribbon and dialog boxes, there are specific HTML elements, IDs and classes that need to remain in place in the master page.  You can’t take a total slash and burn approach to developing a custom SharePoint 2010 master page.   So in short, read the comments!

UPDATE July 2012:  HTML5 versions of the master pages have been added. Please read this blog post about the changes that were made.  Continue reading

Change Global Navigation Dynamic Menu Direction

With the introduction of list based navigation in SharePoint 2010, you can control the display of the dynamic (drop down) menus better than before.  A common request is to change the vertical direction of the dynamic menu display (items that appear when you hover over a parent navigation item the drop down menu is activated) to horizontal.  The following CSS style statement will change the Global Navigation (top menu bar) dynamic menus to appear horizontally. Continue reading