Custom skin problem with RadCombo

[Peter]

I am having trouble getting a custom skin to work.  I followed all of the steps and tips I could find, in the help and in these forums.  It appears that the skin is not found or not recognized, as when I try to apply the custom skin, the control appears the same as if I set skin to nothing  (The word "select" appears where the arrow should be, so it seems like either the skin was not applied or it cannot find the files.)

Peter

[Paul]

Hello Peter,

It will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

Thanks beforehand for your patience and cooperation,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Peter]

I have the simple test project from my previous issue (problems with frozen columns and scrolling), which I went to add the appropriate changes to, but I am getting this error even before I have made any changes:

    Type 'Telerik.Web.UI.GridTableView' does not have a public property named 'RadGrid'

Any suggestions as to the possible cause would be appreciated, this project was working fine before...

Peter

[Sebastian]

Hello Peter,

Do you receive this error in design-time or during compilation? If your case is the first, consider clearing the VS cache as explained in my colleague's Kevin blog post here. If you get the error during compilation, you may need to modify your code accordingly to avoid it.

Best regards,
Sebastian
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Peter]

Neither - compile shows no errors and designer looks OK - I get this error at runtime:

 

Server Error in '/' Application.

---

Parser Error

Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

Parser Error Message: Type 'Telerik.Web.UI.GridTableView' does not have a public property named 'RadGrid'.

Source Error:

Line 1136:--> Line 1137: Line 1138: <telerik:RadGrid Line 1139: ID="grdTest" Line 1140: runat="server"

Peter

[Sebastian]

Hi Peter,

Is it possible that you nested your grid instance accidentally inside GridTableView on the page? This may generate the exception at runtime. I will also appreciate if you paste your entire grid definition and the relevant code-behind in order to advice you further.

Regards,
Sebastian
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Peter]

Here is the entire page.  This is the same page from the frozen columns issue (that was working), the only edit was to add a link to a style sheet in preparation for using a custom skin.

<%@ Page Language="C#" %>

<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
   Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Import Namespace="System.Data" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

    private DataTable table = null;

    protected void cmdBind_Click(object sender, EventArgs e)
    {
        table = null;
        getData();
        grdTest.DataSource = table;
        grdTest.DataBind();
    }

    protected void grdTest_NeedDataSource
       (object source, GridNeedDataSourceEventArgs e)
    {
        getData();
        grdTest.DataSource = table;
    }

    private void getData()
    {
        if (table == null)
        {
            table = new DataTable();

            DataRow dr;
            int rowsNum = 200;

            table.Columns.Add("FULL_NAME");
            table.Columns.Add("EMP_ID");
            table.Columns.Add("SSN");
            table.Columns.Add("STATUS");
            table.Columns.Add("RUN_DTTM");
            table.Columns.Add("PE_DATE");

            for (int i = 1; i <= rowsNum; i++)
            {
                dr = table.NewRow();

                dr["FULL_NAME"] = String.Format("FULL_NAME {0}", i);
                dr["EMP_ID"] = i;
                dr["SSN"] = String.Format("SSN {0}", i);
                dr["STATUS"] = String.Format("STATUS {0}", i);
                dr["RUN_DTTM"] = String.Format("RUN_DTTM {0}", i);
                dr["PE_DATE"] = String.Format("PE_DATE {0}", i);

                table.Rows.Add(dr);
            }
        }
    }

    protected void grdTest_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem dataItem = e.Item as GridDataItem;
            try
            {
                string s = dataItem["SSN"].Text;
                if (s.Length == 9)
                {
                    dataItem["SSN"].Text =
                       s.Substring(0, 3) + "-" +
                       s.Substring(3, 2) + "-" +
                       s.Substring(5, 4);
                }
            }
            catch { }
            return;
        }

        if (e.Item is GridPagerItem)
        {
            GridPagerItem pagerItem = e.Item as GridPagerItem;
            DropDownList ps = pagerItem.FindControl("cboPageSize") as DropDownList;
            ps.SelectedValue = grdTest.MasterTableView.PageSize.ToString();
        }

    }

    protected void cboPageSize_SelectedIndexChanged(object sender, EventArgs e)
    {
        int pageSize =
           int.Parse(((System.Web.UI.WebControls.DropDownList)(sender)).Text);
        grdTest.MasterTableView.PageSize = pageSize;
        grdTest.Rebind();
    }


</script>

<!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 id="Head1" runat="server">

   <link href="CustomSkins/IPSkin/ComboBox.IPSkin.css"
         rel="stylesheet" type="text/css" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>RadControls for ASP.NET AJAX</title>
<style type="text/css">

.RadGrid table
{
    border-collapse:separate !important;
}

a:link
{
    text-decoration: underline;
    font-weight: bold;
    color: #0000ff;
}
a:visited
{
    text-decoration: underline;
   font-weight: bold;
    color: #9900ff;
}
a:hover
{
    text-decoration: none;
    color: #ffffff;
    background-color: #0000ff;
}
a:active
{
    text-decoration: underline;
    color: #66CC99;
}

.RadGrid a:link
{
    text-decoration: underline;
    color: #ffcc00;
}
.RadGrid a:visited
{
    text-decoration: underline;
    color: #ffcc00;
}
.RadGrid a:hover
{
    text-decoration: none;
    color: #333333;
    background-color: #FFFFFF;
}

.RadGridPager a:active
{
    text-decoration: underline;
    color: #66CC99;
}

.RadGridPager a:link
{
    text-decoration: underline;
    color: #ffffff;
}
.RadGridPager a:visited
{
    text-decoration: underline;
    color: #ffffff;
}
.RadGridPager a:hover
{
    text-decoration: none;
    color: #333333;
    background-color: #FFFFFF;
}
.RadGridPager a:active
{
    text-decoration: underline;
    color: #66CC99;
}
.RadGridSelection
{
   background-color: Blue;
   color: White;
}
.RadGridFilterMenu
{
   background-color: Blue;
   color: White;
}

.rmRootGroup
{
   background-color: Gray !important;
   color: White !important;
   border-right: 1px !important;
   padding-right: 3px !important;
   border-left: 1px !important;
   padding-left: 3px !important;
   border-top: 1px !important;
   padding-bottom: 0px !important;
   margin: 0px !important;
   padding-top: 0px !important;
   border-bottom: 1px !important;
}
.rmItem
{
   background-color: Gray !important;
   color: White !important;
   border-right: 1px !important;
   padding-right: 3px !important;
   border-left: 1px !important;
   padding-left: 3px !important;
   border-top: 1px !important;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
   margin: 0px !important;

   border-bottom: 1px !important;
}
.rmItem:hover
{
   background-color: Black !important;
   color: Yellow !important;
}
.rmLink:hover
{
   background-color: Black !important;
   color: Yellow !important;
}
.rmLink
{
   background-color: Gray !important;
   color: White !important;
   text-decoration: underline !important;
}
.rmFocused
{
   background-color: Black !important;
   color: Yellow !important;
}
.rmText
{
   background-color: Gray !important;
   color: White !important;
}
.rmText:hover
{
   background-color: Black !important;
   color: Yellow !important;
}


BODY.Emp
{
    margin-top: 0px;
    margin-left: 0px;
    background-color: #efede7
}
TD.Emp
{
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family: Verdana, Arial;
    background-color: silver
}
TD.EmpCaption
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffcc00;
    font-family: Verdana, Arial;
    background-color: black
}
BODY.Client
{
    margin-top: 0px;
    margin-left: 0px;
    background-color: #efede7
}
TD.Client
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    background-color: silver
}
TD.ClientCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    background-color: black
}
BODY.Admin
{
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    BACKGROUND-COLOR: #efede7
}
TD.Admin
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
TD.AdminCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
BODY.Payroll
{
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    BACKGROUND-COLOR: #efede7
}
TD.Payroll
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver;
    padding-bottom:4px;
}
TD.PayrollCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
DIV.PayrollCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
INPUT.Submit
{
    BORDER-TOP-WIDTH: 5px;
    FONT-WEIGHT: bold;
    BORDER-LEFT-WIDTH: 5px;
    BORDER-BOTTOM-WIDTH: 5px;
    COLOR: white;
    HEIGHT: 50px;
    BACKGROUND-COLOR: #c20008;
    BORDER-RIGHT-WIDTH: 5px
}
TD.PayrollPageToolBar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
BODY.Tutorial
{
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    BACKGROUND-COLOR: #efede7
}
TD.Tutorial
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
TD.TutorialCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
BODY.PayCalc
{
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    BACKGROUND-COLOR: #efede7
}
TD.PayCalc
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
TD.PayCalcCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
TD.CheckEmpInfo
{
    BACKGROUND-COLOR: #d9e3e6
}
TD.CheckCurrEarnings
{
    BACKGROUND-COLOR: #fff0f8
}
TD.CheckYTDEarnings
{
    BACKGROUND-COLOR: #d9e3e6
}
TD.CheckCompInfo
{
    BACKGROUND-COLOR: #ffffff
}
TD.CheckTaxDeductions
{
    BACKGROUND-COLOR: #fff0f8
}
TD.CheckAccruals
{
    BACKGROUND-COLOR: #fff0f8
}
TD.CheckDirDepNetPay
{
    BACKGROUND-COLOR: #d9e3e6
}
TD.CheckActualCheck
{
    BACKGROUND-COLOR: #fff0f8
}
BODY.Reports
{
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    BACKGROUND-COLOR: #efede7
}
TD.Reports
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
TD.ReportsCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
TR.Reports
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
TR.ReportsCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
TH.ReportsCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}
TR.Pager
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #333333
}
A.HomeLink
{
    FONT: bold 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: #c20008;
    TEXT-DECORATION: none
}
SPAN.HomeHelpText
{
    FONT: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: black
}
TABLE.Home
{
    BORDER-RIGHT: gray thin solid;
    BORDER-TOP: gray thin solid;
    BORDER-LEFT: gray thin solid;
    BORDER-BOTTOM: gray thin solid
}
BODY.Home
{
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    BACKGROUND-COLOR: #efede7
}
A.UpdateLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
BODY.Welcome
{
    BACKGROUND-COLOR: #990000
}
TD.LogoWelcome
{
    BACKGROUND-COLOR: #ffffff
}
TD.ImageWelcome
{
    BACKGROUND-COLOR: #ffffff
}
.DefaultLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
INPUT.clsButton
{
    FONT-WEIGHT: bold;
    COLOR: white;
    BACKGROUND-COLOR: #c20008
}
INPUT.clsPagerButton
{
    FONT-WEIGHT: bold;
    COLOR: white;
    BACKGROUND-COLOR: black
}
INPUT.FormField
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial
}
INPUT.ReadOnlyField
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: Verdana, Arial;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM-STYLE: none
}
INPUT.SelectField
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
INPUT.RadioField
{
}
INPUT.ChkBoxField
{
}
TD.CellDefault
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial
}
TD.Login
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #efede7
}
.TopFrame
{
    BACKGROUND-COLOR: gray
}
A.Header, SPAN.Header
{
    FONT: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: #ffcc00;
    TEXT-DECORATION: none
}


DIV.Errors
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    WIDTH: 95%;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    POSITION: relative;
    BACKGROUND-COLOR: #f0ba25
}
TD.NormalError
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
TD.TopError
{
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: black
}
.topNavLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
TD.MainMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: gray
}
A.EmpMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #c20008;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.SortMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #c20008;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.ClientMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #c20008;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.AdminMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #c20008;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
SELECT.MenuEmpDD
{
    COLOR: black;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #f0ecf8
}
SELECT.MenuClientDD
{
    COLOR: black;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #f0ecf8
}
SELECT.MenuAdminDD
{
    COLOR: black;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #f0ecf8
}
SELECT.MainMenuDD
{
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #f0ecf8
}
.PageNames
{
    FONT-WEIGHT: bold;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial
}
.PrevNextLink
{
    FONT-WEIGHT: bold;
    COLOR: #e1e1e1;
    TEXT-DECORATION: none
}
TD.CalcMsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    BORDER-TOP-STYLE: ridge;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BORDER-RIGHT-STYLE: ridge;
    BORDER-LEFT-STYLE: ridge;
    BACKGROUND-COLOR: #ffe4c4;
    BORDER-BOTTOM-STYLE: ridge
}
INPUT.CalcMsgSeconds
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM-STYLE: none
}
TD.MenuBuffer
{
    HEIGHT: 12px
}
TABLE.List
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    cell-spacing: 1px
}
TABLE.Data
{
    BORDER-RIGHT: black 1px outset;
    BORDER-TOP: black 1px outset;
    BORDER-LEFT: black 1px outset;
    BORDER-BOTTOM: black 1px outset
}
TABLE.SubMenu
{
    BACKGROUND-COLOR: gray;
    BORDER-BOTTOM-STYLE: ridge
}
TABLE.MainMenu
{
    BACKGROUND-COLOR: black
}
SPAN.ClientName
{
    COLOR: #e1e1e1
}
SPAN.EmpNameReadOnly
{
    COLOR: #e1e1e1
}
SELECT.EmpList
{
    COLOR: black;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #f0ecf8
}
DIV.ErrorPage
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    WIDTH: 95%;
    BORDER-BOTTOM: 1px solid;
    POSITION: relative;
    BACKGROUND-COLOR: #e1e1e1
}
TD.ErrorCell
{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
TD.BottomCell
{
    COLOR: white;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
TABLE.Calendar
{
    BORDER-RIGHT: black 3px double;
    BORDER-TOP: black 3px double;
    BORDER-LEFT: black 3px double;
    BORDER-BOTTOM: black 3px double
}
TD.Calendar
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e1e1e1
}
TD.CalHeader
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e1e1e1
}
TD.CalWeekend
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    COLOR: white;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #a0a0a0
}
TD.CalHoliday
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: white
}
TD.CalWeekendHeader
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    BORDER-LEFT: 1px solid;
    COLOR: white;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #a0a0a0
}
INPUT.Hyper
{
    border-right: medium none;
    border-top: medium none;
    font-weight: bold;
    font-size: 10pt;
    border-left: medium none;
    width: 130px;
    cursor: hand;
    color: blue;
    border-bottom: medium none;
    background-color: transparent;
    text-align: left;
    text-decoration: underline
}

A.Hyper
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left;
}
TD.hyper
{
    BACKGROUND-COLOR: #e8e6dd
}
TD.hyper2
{
    BACKGROUND-COLOR: #e8e6dd
}
INPUT.Tree
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BORDER-LEFT: medium none;
    WIDTH: 270px;
    cursor: hand;
    COLOR: black;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left
}
TABLE.Tree
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: silver
}
TD.TreeTotal
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
TD.Tree
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
A.Tree
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    WIDTH: 270pt;
    COLOR: blue;
    TEXT-DECORATION: underline
}
INPUT.Tree_Link
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BORDER-LEFT: medium none;
    WIDTH: 270px;
    cursor: hand;
    COLOR: blue;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline
}
INPUT.Tree_RateLink
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BORDER-LEFT: medium none;
    WIDTH: 270px;
    COLOR: blue;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline
}
TD.AdminPlain
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: silver
}
INPUT.FileLoad
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BORDER-LEFT: medium none;
    WIDTH: 75px;
    cursor: hand;
    COLOR: blue;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    TEXT-DECORATION: underline
}
DIV.rpt_page
{
    BORDER-RIGHT: maroon 3px double;
    BORDER-TOP: maroon 3px double;
    BORDER-LEFT: maroon 3px double;
    WIDTH: 750px;
    BORDER-BOTTOM: maroon 3px double
}
DIV.rpt_page2
{
    BORDER-RIGHT: maroon 3px double;
    BORDER-TOP: maroon 3px double;
    BORDER-LEFT: maroon 3px double;
    WIDTH: 100%;
    BORDER-BOTTOM: maroon 3px double
}
TD.HomeLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #c20008;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}
TABLE.SelfServe_Double
{
    BORDER-RIGHT: maroon 3px double;
    BORDER-TOP: maroon 3px double;
    BORDER-LEFT: maroon 3px double;
    BORDER-BOTTOM: maroon 3px double
}
TABLE.SelfServe
{
    BORDER-RIGHT: lightgrey 1px solid;
    BORDER-TOP: lightgrey 1px solid;
    BORDER-LEFT: lightgrey 1px solid
}
TD.SelfServe10
{
    FONT-SIZE: 10pt;
    BORDER-BOTTOM: lightgrey 1pt solid
}
TD.SelfServe8
{
    FONT-SIZE: 8pt;
    BORDER-BOTTOM: lightgrey 1pt solid
}
TD.SelfServe9
{
    FONT-SIZE: 9pt;
    BORDER-BOTTOM: lightgrey 1pt solid
}
DIV.PageSplit
{
    PAGE-BREAK-BEFORE: always
}
TABLE.TaxForm
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    cell-spacing: 1px
}
TD.TaxCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: black
}

</style>
</head>
<body>
<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

 <telerik:RadGrid
            ID="grdTest"
            runat="server"
            AllowPaging="true"
            AllowSorting="true"
            AllowAutomaticDeletes="False"
            AutoGenerateColumns="false"
            AllowFilteringByColumn="true"
            onneeddatasource="grdTest_NeedDataSource"
            Skin=""
            BorderStyle="Solid"
            BorderWidth="1px"
            BorderColor="Black"
            CssClass="RadGrid"
            Width="600px"
            Height="370px"
            onitemdatabound="grdTest_ItemDataBound">

            <ClientSettings>
               <Scrolling
                  SaveScrollPosition="true"
                  EnableVirtualScrollPaging="false"
                  AllowScroll="true"
                  ScrollHeight="2000"
                  FrozenColumnsCount="1"
                  UseStaticHeaders="true" />
               <Resizing
                  AllowColumnResize="true"
                  AllowRowResize="false"
                  EnableRealTimeResize="true" />
            </ClientSettings>

            <HeaderContextMenu EnableTheming="True">
               <CollapseAnimation Type="OutQuint" Duration="200">
               </CollapseAnimation>
            </HeaderContextMenu>

            <MasterTableView
               CellPadding="3"
               TableLayout="Auto"
               AllowMultiColumnSorting="true" >

               <PagerTemplate>
               <table border="0" cellpadding="3" width="100%" class="RadGridPager">
                <tr>

                 <td>Page&nbsp;size:</td>
                 <td>
                    <asp:DropDownList ID="cboPageSize"
                       runat="server"
                       AutoPostBack="true"
                       OnSelectedIndexChanged="cboPageSize_SelectedIndexChanged">

                    <asp:ListItem Text="1" Value="1" />
                    <asp:ListItem Text="2" Value="2" />
                    <asp:ListItem Text="3" Value="3" />
                    <asp:ListItem Text="4" Value="4" />
                    <asp:ListItem Text="5" Value="5" />
                    <asp:ListItem Text="6" Value="6" />
                    <asp:ListItem Text="7" Value="7" />
                    <asp:ListItem Text="8" Value="8" />
                    <asp:ListItem Text="9" Value="9" />
                    <asp:ListItem Text="10" Value="10" />
                    <asp:ListItem Text="11" Value="11" />
                    <asp:ListItem Text="12" Value="12" />
                    <asp:ListItem Text="13" Value="13" />
                    <asp:ListItem Text="14" Value="14" />
                    <asp:ListItem Text="15" Value="15" />
                    <asp:ListItem Text="16" Value="16" />
                    <asp:ListItem Text="17" Value="17" />
                    <asp:ListItem Text="18" Value="18" />
                    <asp:ListItem Text="19" Value="19" />
                    <asp:ListItem Text="20" Value="20" />
                    <asp:ListItem Text="21" Value="21" />
                    <asp:ListItem Text="22" Value="22" />
                    <asp:ListItem Text="23" Value="23" />
                    <asp:ListItem Text="24" Value="24" />
                    <asp:ListItem Text="25" Value="25" />
                    </asp:DropDownList>
                 </td>

                 <td>
                    <img src="images/PagerSeparator.jpg" />
                 </td>

                 <td style="border-style:none;">

                   <asp:Button
                      ID="Button1"
                      runat="server"
                      CssClass="clsPagerButton"
                      BorderStyle="Ridge"
                      Text="|<"
                      Value="First"
                      CommandName="Page"
                      CausesValidation="false"
                      CommandArgument="First" />
                 </td>
                 <td style="border-style:none;">

                   <asp:Button
                      ID="Button5"
                      runat="server"
                      CssClass="clsPagerButton"
                      BorderStyle="Ridge"
                      Text="<"
                      Value="Prev"
                      CommandName="Page"
                      CausesValidation="false"
                      CommandArgument="Prev" />
                 </td>

                 <td>&nbsp;</td>

                 <td style="border-style:none;">

                   <asp:TextBox
                      ID="tbPageNumber"
                      runat="server"
                      Columns="3"
                      Text='<%# (int)DataBinder.Eval(Container, "OwnerTableView.CurrentPageIndex") + 1 %>' />
                   <asp:RangeValidator
                      runat="Server"
                      ID="RangeValidator1"
                      ControlToValidate="tbPageNumber"
                      EnableClientScript="true"
                      MinimumValue="1"
                      Type="Integer"
                      MaximumValue='<%# DataBinder.Eval(Container, "Paging.PageCount") %>'
                      ErrorMessage='<%# "Value must be in the range of 1 - " + DataBinder.Eval(Container, "Paging.PageCount") %>'
                      Display="Dynamic">
                   </asp:RangeValidator>

                 </td>
                 <td style="border-style:none;">

                   <asp:Button
                       ID="Button4"
                       runat="server"
                       CssClass="clsPagerButton"
                       BorderStyle="Ridge"
                       Text="Go"
                       Value="Go"
                       CommandName="CustomChangePage" />
                 </td>

                 <td>&nbsp;</td>

                 <td style="border-style:none;">
                   <asp:Button
                       ID="Button6"
                       runat="server"
                       CssClass="clsPagerButton"
                       BorderStyle="Ridge"
                       Text=">"
                       Value="Next"
                       CommandName="Page"
                       CausesValidation="false"
                       CommandArgument="Next" />

                 <td style="border-style:none;">

                   <asp:Button
                      ID="Button7"
                      runat="server"
                      CssClass="clsPagerButton"
                      BorderStyle="Ridge"
                      Text=">|"
                      Value="Last"
                      CommandName="Page"
                      CausesValidation="false"
                      CommandArgument="Last" />
                 </td>

                 <td>
                    <img src="images/PagerSeparator.jpg" />
                 </td>

                 <td style="border-style:none;width:100%" align="right">
                   <asp:LinkButton
                      ID="LinkButton6"
                      runat="server"
                      CssClass="RadGridPager"
                      CommandName="RebindGrid"
                      CausesValidation="false">
                     Refresh data
                   </asp:LinkButton>
                 </td>
                </tr>
               </table>
               </PagerTemplate>

               <Columns>

                  <telerik:GridBoundColumn
                        DataField="FULL_NAME"
                        DataType="System.String"
                        HeaderText="1: Employee name"
                        Resizable="true"
                        AllowFiltering="true"
                        HeaderStyle-Width="200px"
                        ItemStyle-BackColor="#aaaaaa"
                        UniqueName="FullName" >
                     <HeaderStyle Width="200px"></HeaderStyle>
                     <ItemStyle BackColor="#AAAAAA"></ItemStyle>
                  </telerik:GridBoundColumn>

                   <telerik:GridBoundColumn
                        DataField="EMP_ID"
                        DataType="System.Int32"
                        HeaderText="2: Employee ID"
                        Resizable="true"
                        AllowFiltering="false"
                        HeaderStyle-Width="150px"
                        UniqueName="EmpID" >
                     <HeaderStyle Width="150px"></HeaderStyle>
                  </telerik:GridBoundColumn>

                   <telerik:GridBoundColumn
                        DataField="SSN"
                        DataType="System.String"
                        HeaderText="3: SSN"
                        Resizable="true"
                        AllowFiltering="false"
                        HeaderStyle-Width="125px"
                        UniqueName="SSN" >
                     <HeaderStyle Width="125px"></HeaderStyle>
                  </telerik:GridBoundColumn>

                  <telerik:GridBoundColumn
                        DataField="STATUS"
                        DataType="System.String"
                        HeaderText="4: Status"
                        Resizable="true"
                        AllowFiltering="false"
                        HeaderStyle-Width="70px"
                        UniqueName="STATUS" >
                     <HeaderStyle Width="70px"></HeaderStyle>
                  </telerik:GridBoundColumn>

                  <telerik:GridBoundColumn
                        DataField="RUN_DTTM"
                        DataType="System.String"
                        HeaderText="5: Run date/time"
                        Resizable="true"
                        AllowFiltering="false"
                        HeaderStyle-Width="150px"
                        UniqueName="RUN_DTTM" >
                     <HeaderStyle Width="150px"></HeaderStyle>
                  </telerik:GridBoundColumn>

                  <telerik:GridBoundColumn
                        DataField="PE_DATE"
                        DataType="System.String"
                        HeaderText="6: Period End"
                        Resizable="true"
                        AllowFiltering="false"
                        HeaderStyle-Width="150px"
                        UniqueName="PE_DATE" >
                     <HeaderStyle Width="150px"></HeaderStyle>
                  </telerik:GridBoundColumn>

               </Columns>

               <RowIndicatorColumn>
                  <HeaderStyle CssClass="ReportsCaption">
                  </HeaderStyle>
               </RowIndicatorColumn>

               <ExpandCollapseColumn>
                  <HeaderStyle CssClass="ReportsCaption">
                  </HeaderStyle>
               </ExpandCollapseColumn>

               <ItemStyle CssClass="Reports" HorizontalAlign="Left" Wrap="false"></ItemStyle>
               <AlternatingItemStyle CssClass="Reports" HorizontalAlign="Left" Wrap="false"></AlternatingItemStyle>
               <HeaderStyle CssClass="ReportsCaption" HorizontalAlign="Left" Wrap="false"></HeaderStyle>

            </MasterTableView>

            <AlternatingItemStyle  Wrap="false" CssClass="Reports" />
            <ItemStyle CssClass="Reports" Wrap="false"  />
            <HeaderStyle Wrap="false" CssClass="ReportsCaption"/>
            <PagerStyle
               CssClass="Pager"
               Mode="NextPrevNumericAndAdvanced"
               Position="TopAndBottom"
               ShowPagerText="false" />
            <ActiveItemStyle CssClass="RadGridSelection" />

            <FilterMenu>

               <CollapseAnimation Type="OutQuint" Duration="200">
               </CollapseAnimation>
            </FilterMenu>

         </telerik:RadGrid>

</form>
</body>
</html>

Peter

[Sebastian]

Hello Peter,

Your code snippets seem valid and unfortunately I am not able to determine what the reason for this strange parsing error is. Does moving the same grid definition on a different page or a different project makes a difference?

Furthermore, you may consider isolating your css classes in a separate style sheet file to avoid listing them on each page which has to reference them.

Kind regards,
Sebastian
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.