RadGrid for ASP.NET
Contents
Conditional Formatting for rows/cells on ItemDataBound Send comments on this topic.
Controlling visual appearance > Conditional Formatting for rows/cells on ItemDataBound

Glossary Item Box

The object model and events in RadGrid provide opportunities for customization and conditional formatting of grid elements. In order to format some data based on column type, you need to use the properties of the respective column. GridBoundColumn for example has DataFormatString property that you can use to format the appearance of the data in the cells of that column.  The formatting is based on the general formatting rules in .NET, i.e. Telerik RadGrid uses internally the string.Format( string, args ) function. This way you should just provide the corresponding format string in the DataFormatString property.
For example the format string "{0:C}" would format the values in the cells of the column as currency.

The example below shows how to use conditional formatting in a sample mailbox implementation. Selected Items and recently received mail are marked red:

Conditional Formatting

 

C# Copy Code
protected void RadGrid1_ItemDataBound(object sender, Telerik.WebControls.GridItemEventArgs e)
{
     //Is it a GridDataItem
     if (e.Item is GridDataItem)
     {
           //Get the instance of the right type
           GridDataItem dataBoundItem = e.Item as GridDataItem;

           //Check the formatting condition
             if (int.Parse(dataBoundItem["Size"].Text) > 100 )
           {
                 dataBoundItem[ "Received"].ForeColor = Color.Red;
                 dataBoundItem[ "Received"].Font.Bold = true;
                 //Customize more...
           }
     }
}
VB.NET Copy Code
Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.WebControls.GridItemEventArgs)
           'Is it a GridDataItem
           If (TypeOf (e.Item) Is GridDataItem) Then
               'Get the instance of the right type
               Dim dataBoundItem As GridDataItem = e.Item

               'Check the formatting condition
               If (Integer.Parse(dataBoundItem( "Size").Text) > GridItemType.Footer) Then
                  dataBoundItem( "Received").ForeColor = Color.Red
                  dataBoundItem( "Received").Font.Bold = True
                    'Customize more...
               End If
           End If
End Sub

 

Note: when you apply Skin for the grid the custom style attributes set for the some of the grid rows will be overriden by the skin definitions. If you want to customize the appearance for some of the grid rows when Skin is assigned to the control, you will need to define your own CssClass for the corresponding row and apply the style preferences in its body.

Below is an example which will alter the look and feel for items which has text Mexico in their Country column:
ASPX/ASCX Copy Code
<style type="text/css">
 .MyMexicoRowClass
 {
   background-color: aqua;
   font-size: 16px;
   fond-family: Arial;
 }
</style>

And in the code-behind:

C# Copy Code
protected void RadGrid1_ItemDataBound(Object sender, Telerik.WebControls.GridItemEventArgs e)
{
        if (e.Item is GridDataItem)
       {
           GridDataItem dataItem = e.Item as GridDataItem;
            if (dataItem["Country"].Text = "Mexico")
           {
               dataItem.CssClass = "MyMexicoRowClass";
           }
       }
}
VB.NET Copy Code
Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.WebControls.GridItemEventArgs) Handles RadGrid1.ItemDataBound
         If (TypeOf e.Item Is GridDataItem) Then
             Dim dataItem As GridDataItem = CType(e.Item, GridDataItem)
             If (dataItem("Country").Text = "Mexico") Then
                dataItem.CssClass = "MyMexicoRowClass"
             End If
         End If
End Sub