Friday, June 12, 2009

Creating a nice view for the list storing process steps

Scenario :
I saw a nice list view showing steps to execute something and my sharepoint mind said I need to have something similar in sharepoint. So here it is.

Solution :
I used Sharepoint Designer but for you I will make it little simple.

Steps :
1. Create a Custom List ( because we need ID and Title column for this view )
2. Create some items in the list
3. Download the files from the link below and extract it. Upload the CSS file and circles.gif file somewhere in your sharepoint site.
4. Open the CSS file and update the location of Circles.gif file
5. Open the AllItems.aspx view in SPD
6. Right click on the view and Convert the view to XSLT
7. Look for ( xsl:template name="dvt_1.body" ) and ( xsl:template name="dvt_1.rowview" )
8. From the StepsXSLTChange.txt file you downloaded , replace the XSLT Templates.
9. Save the view and thats it, you have a nice view as shown above.

---> Download <----

Follow on Twitter