dlocc.com

Custom Sharepoint List Icons PDF Print E-mail

 Recently I was asked by my manager to create a dashboard for executive members to quickly see the progress of active projects.  She explained to me that she wanted a "priority level" indicator similar to that of the KPI in a basic table structure.  The color of the indicator would change depending on the status of the project (Red, Yellow, Green).  I will show you how I satisfied this request by creating a calculated column, using wingdings to create color 'graphics' and displaying the sheet in a dataview.  You must have Sharepoint Designer to complete this tutorial.  

Hello and welcome to the Sharepoint List Priority Level icon tutorial.  You will see that this method of creating "graphics" in lists is a good way to create simple indicators without having to use images.  This tutorial assumes the end user has some basic Sharepoint Designer knowledge.

Let's begin:

 

1.  For this example we will use a list with the five custom columns.  Setup your list however you would like to display the information in the dataview.

My ordering is as follows:Project, Status, Start Date, Finish Date


Tip: You can have the indicator display a graphic depending on one column value or multiple, you will see in the function used by the calculated column.

 

2.  Now with your base columns setup let's create a calculated column to display our indicators.  Within the list click Settings > Create Column on top menu:

...now select the calculated column option>

 

3. We now need to create the formula for the calculated column.  Here is the formula for the example:

Yours will differ depending on the column name and icons you want displayed.  The formula explained with explanations of the values in the second example.

 

 

(I'm sorry the code is in an image, it was making the page render funky is Safari and Firefox)Tip: You can call more than one wingding letter for a column value.

 

4.  Once you have the formula let's place it in the calculated column:

 

If you receive a syntax error or an invalid column be sure you have entered in the correct column name and have included all the proper parenthesis, quotations, commas, etc.

 

5. Now we have our calculated column functioning correctly, you can test it by changing the "status" of any project... if the calculated column value changes as well we're money.

 

 

6. Open the page that you want to display the data view in Sharepoint Designer. 

 

 

7. With the page opened in your browser select the webpart zone that you would like to insert the data view and click Data View > Insert Data View... on the top menu.

 

 

Article Continues on Page 2



Comments
Add New Search RSS
+/-
Write comment
Name:
Email:
 
Website:
Title:
UBBCode:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Please input the anti-spam code that you can read in the image.
larry   |206.126.180.xxx |2009-04-17 08:32:29
Check this out. Much easier and nt need to use SPD.
http://pathtosharepoint.wordpress.com/2008/09/01/u
sing-calculated-columns-to-write-html/
Christophe  - Cross-browser compatibility     |15.203.233.xxx |2009-05-24 20:52:27
Thanks for the plug Larry

I also considered Wingdings and Webdings to
create icons, but what stopped me was the lack of cross-browser support.
wow gold  - wow gold     |218.77.97.xxx |2009-06-29 05:34:40
They had joinedgame4power the humans, elves, dwarves, and Buy Wow Golddragons to decimate the demonic warriors and ghoulish beasts and push theaoc gold remnants back into wow gold cheapthe hellish beyond. Thousands warhammer goldhad perished, but the alternative… The dragon mage snorted. In truth, wow goldthere had beenno alternative. Krasus waved aion goldlong, tapering fingers over the orb, summoning a vision of the orcs. The
viewworld of warcraft goldblurred momentarily, then revealed a mountainous, rocky wow gold cheaparea further inland. A harsh land, but one still full of life and capable
of cheapest wow goldsupporting the new colonists. Already, several stone cheap wow goldstructures had risen in the main settlement, where the aion goldWarchief and one ofaion kinathe heroes of the war, Thrall, ruled. The high, rounded edifice Wow Gold ,www.game4power.comthat served as his quarters was crude by the standards of any other race,
but orcs had a propensity toward basics.

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

Last Updated on Thursday, 11 September 2008 17:46
 
You are here  : Home SharePoint Customization Custom Sharepoint List Icons