RadGrid styling of rows - fonts and colors

[Sunit Carpenter]

 Hi,

I am a RadGrid newbie and would appreciate help with a few items.

I am using RadGrid in a SharePoint 2010 visual web-part.  I am also using server side code.

Skin = office2010blue

Here are my questions:

1. How do I declaratively set the font for the rows (not just the header)?

2. How do I specify the columns and their width?

3. How do I at runtime set the background color of individual cells and for entire row?

4. How do I stop inheriting the font color from twitter bootstrap css?

 

[Konstantin Dikov]

Hi Sunit,

You can change the appearance of the cells/rows within the OnItemDataBound event of the grid:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
        GridDataItem item = e.Item as GridDataItem;
        item.CssClass = "yourClass"; // adding custom class to the TR element
        item.BackColor = System.Drawing.Color.Beige; //Changing color for the entire row
        item["ID"].BackColor = System.Drawing.Color.Red; //Changing color for particular cell
    }
}

As for the last question, since there is no such concept as removing/stopping the inheritance, adding class name to the elements and using higher specificity than the applied styles will override the inherited styles.

Hope this helps.


Regards,
Konstantin Dikov
Telerik