Conditional Formatting with Calculated Columns in SharePoint 2010

This SharePoint customization tutorial, we will discuss how to do conditional formatting with a calculated column in SharePoint 2010.

There are a variety of ways to add color, images coding to your SharePoint lists and document libraries, from embedding custom code on your page to creating data view web parts with conditional formatting in SharePoint.

Here suppose we have a list that contains a calculated field as Status column. If we write the formula for the calculated column like below:

Conditional formatting with sharepoint 2010 calculated columns

Then the list will appear like below:

sharepoint 2010 conditional formatting with calculated column

Suppose we have a list that contains a calculated column as progress Indicator and if we write the formula like below:

sharepoint conditional formatting with calculated column

Then the list will appear like below:

Conditional formatting with calculated columns in SharePoint 2010

The technique used here is a combination of Calculated Columns and CSS/images styling on a list.

You may like following SharePoint formatting tutorials:

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

Sagar Pardeshi

I am Developer working on Microsoft Technologies for the past 6+years. I am very much passionate about programming and my core skills are SharePoint, ASP.NET & C#,Jquery,Javascript,REST. I am running this blog to share my experience & learning with the community I am an MCP, MCTS .NET & Sharepoint 2010, MCPD Sharepoint 2010, and MCSD HTML 5,Sharepoint 2013 Core Solutions. I am currently working on Sharepoint 2010, MOSS 2007, Sharepoint 2013,Sharepoint 2013 App Dev, C#, ASP.NET, and SQL Server 2008.

>