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

Custom Skins

1 Answer 43 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Bharat
Top achievements
Rank 1
Bharat asked on 06 Nov 2012, 01:41 PM

Hi,
i am new to telerik and want to use the telerik controls in my .net application.
my application is alraedy running into production so just need to replace .net controls with telerik with same view.

i applied my custom skin in telerik grid but its not appearing properly so could you please help me.
show that i will craete a test page and show to my manager fo approval of telerik license.

here is the code for telerik grid ...
<telerik:RadGrid ID="RadGrid2" DataSourceID="ObjectDataSource1" AllowPaging="True" runat="server" Skin="skinRadGrid" EnableEmbeddedSkins="false" AllowFilteringByColumn="True" AllowSorting="True"

CellPadding="1" CellSpacing="1" ShowFooter="True" ShowGroupPanel="True"

 

Width="950px" >

 

<ClientSettings AllowDragToGroup="True" AllowColumnsReorder="true" AllowRowsDragDrop="true" ReorderColumnsOnClient="true">

 

<Scrolling AllowScroll="false" UseStaticHeaders="True" />

 

<Resizing AllowColumnResize="True" AllowRowResize="false" ResizeGridOnColumnResize="false"

 

ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="true" />

 

<Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />

 

</ClientSettings>

 

<MasterTableView AutoGenerateColumns="False" DataSourceID="ObjectDataSource1">

 

<CommandItemSettings ExportToPdfText="Export to PDF" />

 

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True"> 

</RowIndicatorColumn>

 

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">

 

</ExpandCollapseColumn>

 

<Columns>

 

<telerik:GridBoundColumn DataField="EVA_title" ItemStyle-Width="120px"FilterControlAltText="Filter EVA_title column" HeaderText="Title" SortExpression="EVA_title" UniqueName="EVA_title">

 

</telerik:GridBoundColumn>

 

<telerik:GridBoundColumn DataField="EVA_author" ItemStyle-Width="90px"FilterControlAltText="Filter EVA_author column" HeaderText="Author" SortExpression="EVA_author" UniqueName="EVA_author">

 

</telerik:GridBoundColumn>

 

</Columns>

 

<EditFormSettings>

 

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

 

</EditColumn>

 

</EditFormSettings>

 

</MasterTableView>

 

<FilterMenu EnableImageSprites="False">

 

</FilterMenu>

 

</telerik:RadGrid>


please see the attached screen shot what i am geeting on page ...

please suggest as i want the same look n feel as my .net grid skin.

and here is the skin which i am using in my Default.skin class for both grids..

<

 

 

asp:GridView runat="server" SkinID="skinGridDetail1" AutoGenerateColumns="False"

 

CaptionAlign="Left" CellPadding="1" ForeColor="#333333"

 

GridLines="Vertical" HeaderStyle-BackColor="#D7D2D1" CssClass="styleCaption2"

 

BorderStyle="Solid" BorderColor="Silver" BorderWidth="1px"

 

Font-Names="Tahoma" Font-Size="8pt" VerticalAlign="Middle" >

 

<HeaderStyle BackColor="#D7D2D1" ForeColor="black" Height="16px" HorizontalAlign="Center" BorderStyle="Solid" BorderWidth="1" BorderColor="Silver" Font-Bold="False" VerticalAlign="Middle"/>

 

<RowStyle BackColor="white" Height="16px" VerticalAlign="Middle"/>

 

<AlternatingRowStyle BackColor="#F8F8F8" Height="16px" VerticalAlign="Middle" />

</

 

 

asp:GridView>

<

 

 

telerik:RadGrid runat="server" SkinID="skinRadGrid" AutoGenerateColumns="False"

 

CaptionAlign="Left" CellPadding="1" ForeColor="#333333"

 

GridLines="Vertical" HeaderStyle-BackColor="#D7D2D1" CssClass="styleCaption2"

 

BorderStyle="Solid" BorderColor="Silver" BorderWidth="1px"

 

Font-Names="Tahoma" Font-Size="8pt" VerticalAlign="Middle" >

 

<HeaderStyle BackColor="#D7D2D1" ForeColor="black" Height="16px" HorizontalAlign="Center" BorderStyle="Solid" BorderWidth="1" BorderColor="Silver" Font-Bold="False" VerticalAlign="Middle"/>

 

</telerik:RadGrid>





1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 09 Nov 2012, 12:31 PM
Hi Bharat,

The following topic and demo demonstrate how to apply your own custom skin:
http://www.telerik.com/help/aspnet-ajax/grid-appearance-creating-new-skins.html
http://demos.telerik.com/aspnet-ajax/grid/examples/styles/customskin/defaultcs.aspx

I hope this will prove helpful.

Greetings,
Eyup
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
Bharat
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or