Multiple Sites with Varying Designs in a Single CSS File
Hi, everyone! It’s your friendly neighborhood SharePoint hacker Dustin here with a slick trick you have to try out to believe!
Recently, Heather wrote an article (Master Pages, who needs them anyways?) that talked about creating your custom designs in SharePoint using only a single Master Page. From the very first delivery of our SharePoint UI/UX Class, our students have excitedly jumped on board – it’s amazing just how much you can do with a single master page!
One student in particular spoke up: “Okay, great, one master page to rule them all. What about one CSS file? Any fancy tricks that will let me keep all my design work for all the sites and site collections in my entire farm in a single CSS file? Even those department sites that want different colors?”
It didn’t seem like too much to ask. Continue reading
SharePoint master pages, who needs them anyways?
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
CSS specificity (weight) and SharePoint
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