UX & IA Design Thinking

If you have a requirement to add, edit, or delete the tabs within the my profile pages its actually quite easy.  The default tabs are: Overview URL: /my/person.aspx Organization URL: /my/OrganizationView.aspx Content URL: /my/personcontent.aspx Tags and Notes URL: /my/_layouts/thoughts.aspx Colleagues URL: /my/_layouts/MyContactLinks.aspx Memberships /my/_layouts/MyMemberships.aspx You can manage these tabs by navigating to the My Site Host http://sitename/my/ or the the my profile page http://sitename/my/Person.aspx . Click on Site Actions > Site Settings > Look and Feel > Quick Launch You will notice that all of the tabs are managed as quick launch links. This will allow you to easily add, edit, and delete tabs. If you want to customize the look of the tabs to be vertical or place it somewhere else on the page you simply have to modify the person.aspx page withi...

My original article used CSS to hide the first navigation tab, but if you want to make the change via the master page navigation control there are some simple changes that you will need to make. I originally thought by just changing the “ShowStartingNode” property it would simply hide the first node but by default it has it already set to false: ShowStartingNode=" False " so the approach below is what worked for me. Here is the base top navigation control: <SharePoint:AspMenu   ID="TopNavigationMenuV4"   Runat="server"   EnableViewState="false"   DataSourceID="topSiteMap"   AccessKey="<%$Resources:wss,navigation_accesskey%>"   UseSimpleRendering="true"   UseSeparateCss="false"   Orientation="Horizontal"   StaticDisplayLevels="2"   MaximumDynamicDisplayLevels="1"   SkipLinkText...

If you have ever added custom elements to your master page above or below the standard DIV tags you will notice that they start appearing in the SharePoint 2010 Modal windows when you don’t want them to. The simple fix is to use the class “s4-notdlg” on your custom element to hide it when viewing the modal pop up windows. To give you a better idea of what I am talking about I added in a simple DIV tag right above the s4-ribbon row DIV: The inline CSS below is just to make it stand out. <div class="my-customdiv">Here is my custom header</div> <style> .my-customdiv{     background-color: #009;     border-bottom: 4px #FFF solid;     text-align: center;     color: #FFF;     font-size: 10pt;     font-weight: bold;     padding: 10px;     height: 30px; } </style> Here is what the site looks like ...

Update 11/4/2010: I found that by using the default SiteMapProviders="SPContentMapProvider" in the original post it was throwing errors when creating a publishing page. So I have updated my approach below to utilize how breadcrumbs were done in MOSS 2007. Basically you should simply replace the existing PlaceHolderTitleBreadcrumb placeholder with the following: <div class="custom-breadcrumb">     <asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server">         <asp:SiteMapPath SiteMapProvider="SPContentMapProvider" id="ContentMap" runat="server"/>     </asp:ContentPlaceHolder>    </div> I have updated the post below to reflect the above changes. I have received a lot of feedback about the OOTB breadcrumb control for SharePoint 2010 not being useful and hard to find. ...