RadGrid Custom Skin

[Ali Akbar]

Scenario: I wanted to create custom skin for telerik radgrid.How do i do it?

Thanks a million in advance.

[Shinu]

Hi Ali Akbar,

The easiest way to create your own skin for RadGrid is to copy one of our existing skins and modify its existing CSS settings. I guess the following links to online demo and documentation shown below would be helpful. Please checkout these:
Custom Skin
Modifying existing skins/creating new skins

-Shinu.

[Dimo]

Hi Ali Akbar,

Please consult our documentation and online demo:

RadControls - creating custom skins

RadControls - creating custom skins 2

RadGrid - creating custom skins

RadGrid - custom skin demo

You can also create custom skins with our Visual Style Builder.


Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Ashwin]

Hi,

I have created a custom skin for SharePoint 2010 Visual Webpart that was created using RadGrid control. The look and feel of the contol is as expected when viewed on IE 8, Firefox, Chrome and Safari. But when viewed on IE 7 , the border does not display for the cell if that specific cell does not contain data. I had tried to include CSS hacks (! and *+html) but it did not work. I am enclosing a screen shot for better understanding of the issue. Kindly provide steps to fix this issue.

on the RadGrid RadGrid_CustomSkin CSS file, I am specifying the border color as follows:

.RadGrid_MyCustomSkin

 

 

.rgRow, 

 

.RadGrid_MyCustomSkin .rgAltRow,

 

 

 

 

.RadGrid_MyCustomSkin .rgRow .rgSorted,

 

 

 

 

.RadGrid_MyCustomSkin .rgAltRow .rgSorted,

 

 

 

 

 

 

 

{

 

 

 

border-color:#000;

 

}

 

 

Thanks

 

[Tsvetoslav]

Hello Ashwin,

http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-item-missing-border-when-null.aspx#1196020

http://www.telerik.com/community/forums/aspnet-ajax/grid/border-not-displayed-if-cell-is-empty-in-internet-explorer.aspx

Hope it helps.

Greetings, Tsvetoslav
the Telerik team