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
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