10 May 2012

Styling Individual Link Headers in the SharePoint 2010 Quicklaunch

I had a client reach out to my the other day hoping to highlight a specific link header in their Quicklaunch navigation of their SharePoint 2010 Intranet homepage. Modifying all of the headers is fairly straight-forward, but I haven't seen any documentation that calls out how to change the look and feel of one specific header. For my client, he wanted to change an "Emergency Contact" link to red to make it a little more visible to his end users.

After some tinkering, I realized that you could a modification to the first-child selector to call out the specific link. In this code below, our "Emergency Contact" link was the second link header (the first "li" item after the first-child selector). If your link header is the third or fourth in the Quicklaunch, all you need to do is add a subsequent "+li" or "+li +li" to select the applicable link.

/***Single Link Header Customization***/
.menu-vertical > ul.root > li.static:first-child +li {
font-weight: bold;
padding:1px 1px 1px 0px!important;
color:red!important;
}
/***End Single Link Header Customization***/
Hope this helps someone out there. 

-Steve

02 May 2012

How to resolve a disappearing site logo on web part pages

I was implementing a solution for a client the other day that required the use of a web part page. Specifically, I was using a web part page as part of a custom "Welcome" page for a Help Desk ticket application. I set the custom welcome.aspx web part page as the landing page and specified the URL of a site logo.

I found that upon page load, I could see the site logo that I specified through the Title, Description, and Icon settings but after a split second the logo would revert to the default, orange SharePoint site logo. Navigating to any other page within the site would display the correct logo, just not my custom web part page.

The fix lies in the "Title Bar Properties" settings from within the "Edit" ribbon. Go into Edit Mode, click on "Title Bar Properties" and specify the URL of the site logo from within the proceeding pane. It seems odd that this step is required, considering the URL is already specified from within Site Settings, but nonetheless this is the workaround.

-Steve