A CSS Challenge from Justin:
Make Sharepoint Custom Lists align to the right. By default any Dollar or Percentage type columns align to the right.
Here is the CSS to control your SharePoint list text alignment! Continue reading
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
Sigh, the ribbon. Those two words manage to give most SharePoint developers and designers the chills. And not necessarily in the good way. While the ribbon provides a lot of cool interactivity and functionality for our end users, you just look at it wrong and stuff can go whacky in your SharePoint site. This is the first post in a series dedicated to working with the ribbon. Let’s start off with reviewing what the ribbon really is and what code bits are involved. Continue reading
In just about every SharePoint site I customize and every CSS demo I do for people, I always use CSS to convert the SharePoint site title to a clickable logo, much like how we see all across the web. Having your company logo in the upper left corner of your web site that when clicked takes you back to the home page is a very established usability pattern. People just expect it! Continue reading
Switching your SharePoint site from a fluid width (how it is setup out-of-the-box with v4.master or nightandday.master) is a simple task. It requires one change to the master page and the addition of one style statement. Where things get tricky is how to go from there in regards to handling the scroll bar SharePoint automatically generates under the docked ribbon. But let’s get the easy part done first. Continue reading
Updated my Magic Data View Builder with cool new features. Info and video in the original post.
Want to make SharePoint output the markup YOU want when you create a List View?
Many people know me as the original proponent of the Data View Web Part, first introduced back when WSS v2.0 was released. While SharePoint has come a long way since then, the web developer experience for creating custom views hasn’t. Last week, as I was rehearsing my demonstrations for my SP TechCon session (on, naturally, the Data View Web Part) it occurred to me: This could be easier. Easier to demonstrate. Easier to write. Easier to get excited about. Easier to get the creative juices flowing.
In addition to the stripped, cleaned and commented SharePoint 2010 master pages that we provide, we also have posted a copy of v4.master (default SharePoint master page – simple layout with top navy bar) that still has all original HTML layout code in place but has the same cleaning and comments added that our Just the Essentials master pages receive. Now another version of this file has been added that is a copy of v4.master with all of the UI3 code removed. If you are not supporting UI3 sites (2010 sites that look like 2007) then you can use the UI4 Only version.