This is a migrated thread and some comments may be shown as answers.

RadGrid Custom Skin

4 Answers 45 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ali Akbar
Top achievements
Rank 1
Ali Akbar asked on 25 Aug 2009, 12:13 PM
Scenario: I wanted to create custom skin for telerik radgrid.How do i do it?

Thanks a million in advance.

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 25 Aug 2009, 12:40 PM
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.




0
Dimo
Telerik team
answered on 25 Aug 2009, 12:44 PM
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.
0
Ashwin
Top achievements
Rank 1
answered on 09 Nov 2011, 12:04 AM

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

 

0
Tsvetoslav
Telerik team
answered on 09 Nov 2011, 01:39 PM
Hello Ashwin,
Hope it helps.

Greetings, Tsvetoslav
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Tags
Grid
Asked by
Ali Akbar
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Dimo
Telerik team
Ashwin
Top achievements
Rank 1
Tsvetoslav
Telerik team
Share this question
or