or

| <telerik:RadAjaxPanel ID="RadAjaxPanel" runat="server"> |
| <telerik:RadGrid ID="Grid1" runat="server" ShowStatusBar="True" AllowPaging="true" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Skin="Black" OnItemDataBound="Grid1_ItemDataBound"> |
| <MasterTableView Width="100%" ShowHeader="true" CommandItemDisplay="None" ShowFooter="true" DataKeyNames="itm_TableID" ClientDataKeyNames="itm_TableID" DataSourceID="SqlDataSource1" PageSize="10" |
| AutoGenerateColumns="False" Dir="RTL" AllowSorting="true" TableLayout="Fixed" PagerStyle-AlwaysVisible="true"> |
| <Columns> |
| <telerik:GridBoundColumn UniqueName="itm_TableID" DataField="itm_TableID" HeaderText="ID" ReadOnly="true" HeaderStyle-Width="2%" Display="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn UniqueName="CategorySelect" ItemStyle-Width="3%"> |
| <ItemTemplate> |
| <asp:CheckBox id="chkCategorySelect" OnCheckedChanged="chkCategorySelect_Click" AutoPostBack="True" runat="server" CssClass="checkBox"></asp:CheckBox> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridBoundColumn UniqueName="itm_ID" DataField="itm_ID" HeaderText="" ReadOnly="true" HeaderStyle-Width="3%" ItemStyle-Width="3%" HeaderStyle-HorizontalAlign="Right"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="itm_VTR" DataField="itm_VTR" HeaderText="VTR" HeaderStyle-Width="3%" ItemStyle-Width="3%" HeaderStyle-HorizontalAlign="Right"> |
| <HeaderStyle Width="3%"></HeaderStyle> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="" HeaderStyle-Width="15%" ItemStyle-Width="15%" FooterStyle-Width="15%" FooterStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Right"> |
| <FooterTemplate> |
| <telerik:RadTextBox ID="txtTotalTime" Runat="server" Skin="Black" Label="" Width="120px" ReadOnly="true"> |
| </telerik:RadTextBox> |
| </FooterTemplate> |
| <ItemTemplate> |
| <asp:Label ID="lblRemarks" runat="server" Text='<%# Bind("itm_Remarks", "{0}") %>'></asp:Label> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| </Columns> |
| <PagerTemplate> |
| <div style="direction: rtl;"> |
| <asp:Panel ID="PagerPanel" Style="padding: 6px; line-height: 24px;" runat="server" Direction="RightToLeft"> |
| <asp:Button ID="btnAdd" runat="server" Width="100px" Text="" CssClass="" Enabled="true" OnClick="btnAddToCategory_Click" /> |
| <asp:Panel runat="server" ID="NumericPagerPlaceHolder" Direction="RightToLeft"/> |
| </asp:Panel> |
| </div> |
| </PagerTemplate> |
| <PagerStyle Mode="NumericPages" Position="TopAndBottom" HorizontalAlign="Center" /> |
| </MasterTableView> |
| <ClientSettings AllowRowsDragDrop="false" EnableRowHoverStyle="false" EnablePostBackOnRowClick="false"> |
| <Selecting AllowRowSelect="false" EnableDragToSelectRows="false" /> |
| <Resizing AllowColumnResize="false" ClipCellContentOnResize="true" /> |
| </ClientSettings> |
| <HeaderContextMenu EnableAutoScroll="True"></HeaderContextMenu> |
| </telerik:RadGrid> |
| </telerik:RadAjaxPanel> |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| DateTime totalTime = new DateTime(); |
| protected void Grid1_ItemDataBound(object sender, GridItemEventArgs e) |
| { |
| if (e.Item is GridDataItem) |
| { |
| GridDataItem dataItem = (GridDataItem)e.Item; |
| totalTime = totalTime.AddSeconds(Double.Parse(dataItem["itm_VTR"].Text)); |
| } |
| else if (e.Item is GridFooterItem && endTime < castLength) |
| { |
| GridFooterItem footer = (GridFooterItem)e.Item; |
| (footer["TemplateColumn"].FindControl("txtTotalTime") as RadTextBox).Text = totalTime.ToString("HH:mm:ss"); |
| } |
| } |
<
telerik:RadFileExplorer ID="RadFileExplorer1" Height="450px" Width="400px" TreePaneWidth="150px"
EnableViewState="false"
runat="Server"
EnableOpenFile="false"
AllowPaging="false"
/>

I read this http://www.telerik.com/help/aspnet-ajax/grdskins.html and it seems I can use the Telerik icons in HTML, I need to do some customization on RadGrid.
Anyone knows how to use it in an ASPX page? Since it is already embedded in web resource already.
<img src="......[some web resource path]....Edit.gif" />
Of course the stupid way is to download all images in my web application and reference it as ~/Images/Edit.gif.
Thanks
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm8.aspx.cs" Inherits="CharityCheck.WebForm8" %> |
| <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div> |
| <asp:Panel ID="Panel1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server" ScriptMode="Release" /> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" > |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadGrid1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" /> |
| <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" |
| Skin="Office2007" GridLines="None" |
| AutoGenerateColumns="False" |
| DataSourceID="LinqDataSource1" > |
| <MasterTableView TableLayout="Fixed" > |
| <Columns> |
| <telerik:GridBoundColumn DataField="CompanyName" DefaultInsertValue="" |
| HeaderText="CompanyName" SortExpression="CompanyName" |
| UniqueName="CompanyName" ReadOnly="True" > |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="ID" DefaultInsertValue="" |
| HeaderText="ID" SortExpression="ID" UniqueName="ID" |
| DataType="System.Int32" ReadOnly="True"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| <ClientSettings> |
| <selecting allowrowselect="True" /> |
| </ClientSettings> |
| <PagerStyle Position="TopAndBottom" /> |
| </telerik:RadGrid> |
| <asp:LinqDataSource ID="LinqDataSource1" runat="server" |
| AutoPage="False" ContextTypeName="CharityCheck.CharityCheckEntities" |
| onselecting="LinqDataSource1_Selecting" |
| TableName="CompanySet" OrderBy="CompanyName" |
| Select="new (CompanyName, ID)"> |
| </asp:LinqDataSource> |
| </asp:Panel> |
| </div> |
| </form> |
| </body> |
| </html> |
| using System; |
| using System.Collections.Generic; |
| using System.Linq; |
| using System.Web; |
| using System.Web.UI; |
| using System.Web.UI.WebControls; |
| using Infragistics.WebUI.UltraWebGrid; |
| using Telerik.Web.UI; |
| namespace CharityCheck |
| { |
| public partial class WebForm8 : System.Web.UI.Page |
| { |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| protected void LinqDataSource1_Selecting(object sender, LinqDataSourceSelectEventArgs e) |
| { |
| CharityCheckEntities entities = new CharityCheckEntities(); |
| var data = from company in entities.CompanySet |
| select company; |
| e.Arguments.TotalRowCount = data.Count(); |
| } |
| } |
| } |
| <telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" |
| Skin="Default" OnNeedDataSource="RadGrid1_NeedDataSource"> |
| <MasterTableView Width="100%"> |
| </MasterTableView> |
| <ClientSettings EnableRowHoverStyle="true"> |
| <Resizing AllowRowResize="false" /> |
| </ClientSettings> |
| </telerik:RadGrid> |