Highlight Row Color in SharePoint 2010 List items

There is a cool new feature in SharePoint 2010 which will let you to color the list rows based on specific criteria. SharePoint designer 2010 has this new feature and here is the steps to do it.

Here, I use default Tasks list for demo purpose.

1. Open SharePoint 2010 designer and open the site=>list=>view which you want to highlight.

2. Choose the View where you want to highlight the color. I choose “All Tasks” view.



3. In the “All Items.aspx” window in SharePoint 2010, click on the WebPart. It will activate other Ribbon Tabs to customize the view.


4. In “Option” tab, you can see an option “Conditional Formatting” where you can format Row & Column as you wish.


5. Once you chose “Format Row” option, it will show a dialog box where you can provide the condition and format information.



6. You can see the applied formatting in the designer itself. (I have taken this snapshot on 27th December 2010.)


7. List view will be shown like below.


Note : Whenever you make a change in the SharePoint designer, save the content and refresh the data to publish the modified view into SharePoint site.

Though this is a simple feature, hope you would enjoy it since no code needed to achieve this feature.

6 responses to this post.

  1. Many thanks.

    I was looking for the right solution and this was it.


  2. Posted by Alicia on September 11, 2012 at 1:14 am

    This is FANTASTIC!!!!! There are posts all over the internet showing complex coding needed to accomplish this. You made my life SO easy!! Thanks.


  3. Posted by vijayblog on October 13, 2012 at 11:07 am

    Thanks Lain and Alicia for your kind words!!!


  4. Posted by Longbv on January 19, 2013 at 2:04 am

    Very good solution, is it apply to SP 2013 foundation?


  5. Posted by Taylor on March 27, 2013 at 8:38 pm

    THANK YOU SO MUCH FOR POSTING THIS!! It was a life saver!! :)


  6. Posted by Bill on April 18, 2013 at 11:52 pm

    While this works when you click on the list, the highlighting does not show when you insert the list as a webpart on a page. Do you know why that is and how to fix it?


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Get every new post delivered to your Inbox.

%d bloggers like this: