Conditional Formatting in SharePoint 2010 using SharePoint Designer 2010

Conditional Formatting in SharePoint 2010 using SharePoint Designer 2010

We can do conditional formatting on both rows and columns.

The conditional formatting are usually takes the html formatting on the page level. So you have to design in the html format using SharePoint designer 2010.

The following are the steps to do Formatting Row/column:

1. Open the site in SharePoint Designer.
2. Right click the file, and make backup copy.
3. Edit the file in advanced mode.
4. Click on the grid page and then click on Conditional Formatting, available on the ribbon.
5. Select Format row/column.
6. Put the condition as per the requirement.
7. Set the style, by clicking on the set style button

If you need to put image, do the following:

1. Create the image using any image editor like Photoshop.
2. And drop the image to the location 14 hive in SharePoint 2010 i.e., C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IMAGES
3. And update the settings as shown in the below screenshot.