“Sonny, true love is the greatest thing in the world. Except for a nice M.L.T., a mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe. They’re so perky. I love that.”
You know what else would be the greatest thing in the world? A responsive version of SharePoint 2013’s Seattle master page. While an ETA continues to be dodged for this juicy addition for SharePoint on-premises and SharePoint Online, we can play Miracle Max and do it ourselves. Yes really. At the end of the day, it is just CSS. That we can do. Continue reading Making seattle.master Responsive
Whether you are stuck in SharePoint or want to stick it to SharePoint or want to make things stick within SharePoint, sticky stuff in SharePoint is a hot topic. I am going to focus on the latter. Continue reading Sticky Stuff in SharePoint
This is a quick but handy little CSS style statement to increase the width of the SharePoint 2013 top navigation bar drop down, which by default is pretty small. Now I know ideally the navigation item text should be short and sweet, but I also know how folks love their long department names and the like in the navigation. Continue reading Increase width of SharePoint 2013 drop down navigation
The final post of a three part series, Heather Solomon and Dustin Miller are exploring the ever-popular “Mega Menu”, and how to create a powerful, styled and functional mega menu for use on your SharePoint sites. The first post explored the HTML markup and CSS needed for navigation, organized into an unordered list. The follow-up post walked through the use of navigation taxonomy and the XSL for the menu. This final piece will first show how to implement the custom view in your master page, and then enhance it further with some shiny new CSS. Continue reading Mega Menu for SharePoint – Part 3 of 3
This is the second part of a three part series where Heather Solomon and Dustin Miller are exploring the ever-popular “Mega Menu”, and how to create a powerful, styled and functional mega menu for use on your SharePoint sites. After creating the HTML markup and the CSS to meet the functional requirements, it is time to take a look at the importance of taxonomy in navigation and check out the XSLthat will be used for the mega menu. Continue reading Mega Menu for SharePoint – Part 2 of 3
In this three part series, Heather Solomon and Dustin Miller will explore the ever-popular “Mega Menu”, and how to create a powerful, styled and functional mega menu for use on your SharePoint sites. In this first part, the focus is on the HTML markup and CSS styling to used to create this oft-requested UI element.
Continue reading Mega Menu for SharePoint – Part 1 of 3
Yes, the SharePoint navigation really can work for your needs
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 Working with the SharePoint Navigation
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 Modify SharePoint Add link in a list or library
My golden site design coding rule is site design supporting images are only referenced through the CSS. This would include logos, header images, gradation bars, decorative backgrounds, etc. Content supporting images (like Bob and Joe hanging at the company picnic) are content supporting images and therefore can end up in other places outside of CSS.
A question that often comes up when I teach this is “what about the ALT text value for the image?”. Continue reading Add a tool tip for an image you create in CSS