Once in a while, I like to add a little touch of originality to catch users’ attention and drive SharePoint adoption.
The Holiday season is a good time for this. In this example, I have replaced standard indicators (green/yellow/red) with a Christmas theme.
To do this, you first need to upload a set of icons to SharePoint. I have downloaded mine from this pack on iconspedia, and renamed them (green.png, etc.). I used the 48×48 size for the demo, but there are other sizes available in the pack.
Then you need to create a calculated column for the color. See my previous post for this. In my example I have used the Priority column of a tasks list.
We are now ready to create the HTML calculated column (called “Display” in my example). Very simple here, just an image:
="<DIV><IMG src='[path to image library]"&Color&".png'></DIV>"
The final step is to add the usual script to the page. That’s it!
See the live demo here (with falling snow):
How about you? Any original ideas to share for the Holiday season?
I do enjoy coming to this site. I always find something new and interesting. I ventured over to the demo, but you did not explain how you added the snow. That’s not fair, so I viewed the source and found that you added another CEWP and just added a style to the “TD” class. Very nice and clean. SO I took this concept and tried to apply this to a calendar view, what a nightmare. It appears that the calendar “day” cell is comprised of multiple cells. I finally gave up. During this I found that there were specific classes for today and days with events, but still not one cell. any thoughts or insight?
Larry, viewing the source is strictly forbidden 😉
The calendar view is a nightmare for designers. You can simplify it – a little – by adding my styles here:
My snow background is ok for a standard list. For a whole page, take a look at his:
It is that time of year again! Don’t forget to spruce up your SP site too! Fun stuff Christophe!