CSS is a wonderful tool for branding SharePoint; unfortunately SharePoint 2010 has done a decent job of making things pretty hairy and confusing with working with CSS in a SharePoint site. Something we get asked all the time in our classes is “where do I link to my custom CSS file?” Great question and the answer isn’t just “from your master page”. Continue reading
A commonly misunderstood component of SharePoint is the navigation. We are frequently asked in class about how to make changes to the navigation and when we cover it, people are really surprised and honestly, it is pretty anti-climatic! Here are a few things everyone should know about manipulating SharePoint navigation. Continue reading
A common misconception about SharePoint master pages is that you need several of them. In our SharePoint UI/UX class, Dustin and I meet people who have created several master pages for their SharePoint sites(s) due to branding and site layout needs. Based on design differences, a master page is created for the home page, another master page for the sub pages, and perhaps even another master page for sub site(s) that need different branding and/or layout. There are very few reasons to have more than one master page, and differing home page vs. sub page vs. sub site designs isn’t one of them. Continue reading
When dealing with SharePoint CSS one of your biggest friends is specificity. It also happens to be one of the harder things to wrap your head around, especially if you are just getting into creating and editing CSS. Specificity is a key thing to understand for SharePoint branding and something that I cover in all my branding classes. Continue reading
Ahh, the list is ever growing thanks to contributions posted by others. I have updated the list of bugs when switching to IE=9 or IE=edge in a SharePoint master page. Go to the bug list.
For such a small little guy, the “Add” action link for a SharePoint list or library can sure cause a lot of grief for people. Here is a sample of the SharePoint Add link if you were looking at a Links list. Different lists show different text, such as Add Document or Add New Announcement.
I hear a lot of requests to change the look and feel of the link or move it to a different location on the web page. Luckily there is a lot you can do with CSS alone. Continue reading
It is easy to say something is unique and it is quite another to actually explain why. Since its inception two years ago we have always said the SharePoint UI UX Experience class is unique. Here in the course’s birthday month, I figured we got some ‘splainin’ to do! (And kudos to you if Desi Arnaz just rang out in your head*.)
Branding SharePoint can be a great experience or can be a swirling vortex straight into coding hell. It can also fall anywhere on that scale. :-) Help avoid a swirlie by checking out these top mistakes in SharePoint branding. Continue reading
I have come across a couple of more bugs when switching to IE=9 or IE=edge in a HTML5 SharePoint master page. Go to the bug list.
This is the fifth post in a SharePoint 2010 ribbon series. Be sure to check out posts 1 through 4 as well:
1) Boil it down to the basics… the SharePoint 2010 ribbon
2) Gathering requirements for your ribbon needs
3) The Docked Ribbon
4) Ribbon visibility using CSS
It is no secret that I have a thing for CSS. There is nothing like adding a few lines of code and seeing things instantly change before your eyes. I may be overly romanticizing CSS but hey, I will take what I can get when it comes to changing up SharePoint. Keeping up the spirit of ribbon modification for this series, here are some quick SharePoint ribbon CSS tips and tricks that you can do with the your sites. If you are feeling the need for more CSS love, check out the ribbon section of my SharePoint 2010 CSS Chart. Continue reading