Questions on UI for ASP.NET AJAX Forum

3 answers

122 views

Hi,

We have a website integrated with Sitefinity(CMS) and we started using Telerik controls. I have encountered a problem which needs to be solved as soon as possible to meet our deadline.

The RadGrid was working till this afternoon, we realized the commands does not fire anymore. The grid displays the rows but the "Add New Record", "Edit" and "Delete" does not work. These were working before, not sure what happened now. All I could find is, there are few JavaScript errors (please see the attached image).

The grid is also pasted below for your review. Please help us out of this issue.

<telerik:RadGrid ID="radProviderListGrid" AllowAutomaticDeletes="true"
DataSourceID="sqlCEProviderActivities" AllowSorting="True" AllowPaging="True" Width="650px"
runat="server" PageSize="50"
AllowAutomaticInserts="false"
Skin="WebBlue" OnItemCommand ="radProviderListGrid_ItemCommand" OnItemDeleted="radProviderListGrid_ItemDeleted" OnItemUpdated="radProviderListGrid_ItemUpdated"
OnItemInserted ="radProviderListGrid_ItemInserted" OnInsertCommand="radProviderListGrid_InsertCommand" OnUpdateCommand="radProviderListGrid_UpdateCommand"
MasterTableView-DataKeyNames="ID" AutoGenerateColumns="false" ShowGroupPanel="True" EnableHierarchyExpandAll="true" EnableLinqExpressions="false" GridLines="None">
<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
<MasterTableView Width="100%" CommandItemDisplay="Top" EditMode="EditForms" DataSourceID="sqlCEProviderActivities" DataKeyNames="ID" AutoGenerateColumns="false" ShowGroupFooter="true">
<NoRecordsTemplate>
<div>
There are no CE Provider Activities to display
</div>
</NoRecordsTemplate>
<Columns>
<telerik:GridEditCommandColumn ButtonType="LinkButton" UniqueName="EditCommandColumn"/>
<telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID" Visible="true">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="StartDate" HeaderText="Start Date" SortExpression="StartDate" UniqueName="StartDate" DataFormatString="{0:d}">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="EndDate" HeaderText="End Date" SortExpression="EndDate" UniqueName="EndDate" DataFormatString="{0:d}"/>
<telerik:GridBoundColumn DataField="City" HeaderText="City" SortExpression="City" UniqueName="City">
</telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn DataField="IsOngoingActivity" HeaderText="Ongoing Activity?" DataType="System.Boolean" SortExpression="IsOngoingActivity" UniqueName="IsOngoingActivity"/>
<telerik:GridCheckBoxColumn DataField="ListOnSite" HeaderText="List On Site" DataType="System.Boolean" SortExpression="ListOnSite" UniqueName="ListOnSite"/>
<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="LinkButton" UniqueName="DeleteCommandColumn" ConfirmText="Delete Row?" ConfirmTitle="Delete?" />
</Columns>
<EditFormSettings EditFormType="Template">
<EditColumn ButtonType="ImageButton" />
<FormTemplate>
<p></p>
<p><b>CE Provider Activity Details</b></p>
<hr />
<table class="formTable">

<tr>
<td style="text-align:right">Do not list on site</td>
<td class="control">
<asp:CheckBox ID="chkDoNotListOnsite" runat="server" Checked='<%# IIf(DataBinder.Eval(Container.DataItem, "ListOnSite") Is DBNull.Value, False, Eval("ListOnSite"))%>' />
</td>
<td style="text-align:right">Is Ongoing Activity?</td>
<td class="control">
<asp:CheckBox ID="chkOngoingActivity" runat="server" Checked='<%# IIf(DataBinder.Eval(Container.DataItem, "IsOngoingActivity") Is DBNull.Value, False, Eval("IsOngoingActivity"))%>'/>
</td>
</tr>
<tr>
<td style="text-align:right">Start Date :</td>
<td class="control">
<telerik:RadDatePicker ID="radDateStartDate" Width="150px" runat="server" DbSelectedDate='<%# Bind("StartDate")%>' Skin="Metro">
</telerik:RadDatePicker>
</td>

<td style="text-align:right">End Date :</td>
<td class="control">
<telerik:RadDatePicker ID="radDateEndDate" Width="150px" runat="server" DbSelectedDate='<%# Bind("EndDate")%>' Skin="Metro">
</telerik:RadDatePicker>
</td>
</tr>

<tr>
<td style="text-align:right">Country</td>
<td class="control">
<asp:DropDownList runat="server" ID="ddlCountry" class="dropdownlist" DataSourceID="sqlCountries"
DataTextField="Country" >
</asp:DropDownList>
</td>
<td style="text-align:right">Languages</td>
<td class="control"><asp:DropDownList runat="server" ID="ddlLanguages" class="dropdownlist" DataTextField='<%# Bind("Languages")%>'>
<asp:ListItem></asp:ListItem>
<asp:ListItem>English</asp:ListItem>
<asp:ListItem>French</asp:ListItem>
<asp:ListItem>English & French</asp:ListItem>
</asp:DropDownList></td>

</tr>

<tr>
<td style="text-align:right">State/Province</td>
<td class="control">
<asp:DropDownList runat="server" ID="ddlStates" class="dropdownlist" DataSourceID="sqlStates" DataTextField="FullName" />
</td>
<td style="text-align:right">Registration Fee</td>
<td class="control">
<telerik:RadNumericTextBox ID="radNumericTextBox" runat="server" class="textBox" NumberFormat-DecimalDigits="2" Type="Currency" MinValue="0" Text='<%# Bind("RegistrationFee")%>'>
</telerik:RadNumericTextBox></td>
</tr>
<tr>
<td style="text-align:right"> City </td>
<td class="control">
<asp:TextBox ID="txtCity" runat="server" class="textBox" Text='<%# Bind("City")%>'>
</asp:TextBox>
</td>
<td>

</td>
<td>

</td>
</tr>

<tr>
<td style="text-align:right">Website</td>
<td colspan="3"><asp:TextBox ID="txtWebsite" runat="server" ClientIdMode="Static" class="URL" Text='<%# Bind("Website")%>'>
</asp:TextBox>
<asp:RegularExpressionValidator ID="regUrl"
runat="server"
ControlToValidate="txtWebsite"
ValidationExpression="^((http|https)://)?([\w-]+\.)+[\w]+(/[\w- ./?]*)?$"
Text="Enter a valid URL" ForeColor="red"/>
</td>
</tr>
</table>
<hr />
<table id="tblEditForm" style="border-collapse: collapse;">
<tr><td colspan="2"></td></tr>
<tr>
<td>
<table><tr><td colspan="2"> </td></tr></table>
</td>
<td>
<table id="tblEditFormInner">
<tr>
<td colspan="2">
<asp:Button ID="btnUpdate" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'
runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'></asp:Button> 
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
CommandName="Cancel"></asp:Button>
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True">
<Selecting AllowRowSelect="True"></Selecting>
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
</telerik:RadGrid>

Grid

answered on 03 Sep 2015

1 answer

229 views

Porcentaje personalizado en los Totales

Saludos, Tengo un requerimiento de gerencia y no se como implementarlo en el control, Necesito hacer un calculo porcentual especial. Mi primer grupo es la suma de mis ingresos. y necesito que de ahí en adelante el valor del porcentaje no sea una suma, sino la representacion de cuanto equivale ese gasto respecto al total de mis ingresos.

Greetings, I have a requirement management and how to implement it are not in control, I need to make a special percentage calculation. My first group is the sum of my income. and I need that from then on the percentage value is not a sum, but the representation of how that spending is equivalent to the total of my income.

PivotGrid

answered on 03 Sep 2015

5 answers

265 views

I can not use RadButton of PostbackUrl at RadAjaxPanel or RadAjaxManager + RadButton

When I use 'telerik:RadButton' of PostUrl ,Do not change page.

I only use 'asp:Button'

Now I need use 'telerik:RadButton'. What should I do ?

@E1.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="E1.aspx.cs" Inherits="THS.ERP.MM.UI.SurveyTest.E1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">

<AjaxSettings>

<%-- <telerik:AjaxSetting AjaxControlID="Master_RadGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Master_RadGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>--%>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="Master_RadGrid" runat="server" Width="100%" Height="100%"

AllowFilteringByColumn="True"

AllowPaging="True"

AllowSorting="True"

AllowCustomPaging="True"

AutoGenerateColumns="False"

GroupPanelPosition="Top"

OnItemCommand="Master_RadGrid_ItemCommand"

OnNeedDataSource="Master_RadGrid_NeedDataSource">

<MasterTableView CommandItemDisplay="TopAndBottom"

ClientDataKeyNames="Id"

EditMode="PopUp"

DataKeyNames="Id"

ItemType="THS.ERP.MM.UI.SurveyTest.Account">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<asp:LinkButton ID="AddRecord_LinkButton" runat="server" CommandName="AddCommand" PostBackUrl="~/Setup/MaterialE2.aspx">

<img style="border: 0px; vertical-align: middle;" alt="" src="/Images/Grid/AddRecord.gif" /> 新增

</asp:LinkButton>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn AllowFiltering="false" AllowSorting="false">

<ItemTemplate>

<telerik:RadButton ID="Button1" runat="server" Text="Browse"

ToolTip="Browse"

CommandName="BrowseCommand"

CommandArgument="<%# Item.Id %>"

PostBackUrl="~/SurveyTest/at telerik forum question/E2.aspx">

</telerik:RadButton>

<asp:Button ID="ReadRecord_Button" runat="server" Text="Browse"

ToolTip="Browse"

CommandName="BrowseCommand"

CommandArgument="<%# Item.Id %>"

PostBackUrl="~/SurveyTest/at telerik forum question/E2.aspx" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AllowFiltering="false" AllowSorting="false">

<ItemTemplate>

<asp:Button ID="EditRecord_Button" runat="server" Text="Edit"

ToolTip="Edit"

CommandName="EditCommand"

PostBackUrl="~/SurveyTest/at telerik forum question/E2.aspx" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Id" Visible="false">

<ItemTemplate>

<asp:HiddenField ID="MaterialUid_Id" runat="server" Value="<%# BindItem.Id %>" />

</ItemTemplate>

<EditItemTemplate>

<asp:HiddenField ID="MaterialUid_Id" runat="server" Value="<%# BindItem.Id %>" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Age" HeaderText="Age">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CreateUserId" HeaderText="CreateUserId">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="CreateDateTime" HeaderText="CreateDateTime">

</telerik:GridDateTimeColumn>

<telerik:GridTemplateColumn AllowFiltering="false" AllowSorting="false" UniqueName="DeleteColumn">

<ItemTemplate>

<telerik:RadButton ID="DeleteRecord_Button" runat="server"

ToolTip="刪除"

CssClass="DeleteCommand"

CommandName="DeleteCommand"

CommandArgument="<%# Item.Id %>">

<Image EnableImageButton="true" />

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<PagerStyle PageSizes="10,20,30,50,100"></PagerStyle>

<CommandItemSettings ShowAddNewRecordButton="true" ShowRefreshButton="False" AddNewRecordText="新增"></CommandItemSettings>

<NoRecordsTemplate>找不到資料！！</NoRecordsTemplate>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="True">

<Selecting AllowRowSelect="True"></Selecting>

<%--<ClientEvents OnCommand="OnCommand" OnColumnClick="ColumnClick" />--%>

</ClientSettings>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</div>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function AttachDownloadOnClientClick(sender) {

$find("<%= RadAjaxManager1.ClientID %>").__doPostBack(sender.name, "");

//do not poskback

return false;

}

function confirmCallBackFn(arg) {

var ajaxManager = $find("<%=RadAjaxManager1.ClientID%>");

if (arg) {

ajaxManager.ajaxRequest('ok');

}

else {

ajaxManager.ajaxRequest('cancel');

}

function OnRequestStart(ajaxControl, eventArgs) {

$find("<%= RadAjaxManager1.ClientID %>").__doPostBack(sender.name, "");

var eventTarget = eventArgs.get_eventTarget();

<%--if (eventTarget == "<%= ImageButton1.UniqueID %>") {

return confirm('Are you sure?');

}

else {

return false;

}--%>

}

</script>

</telerik:RadCodeBlock>

</form>

</body>

</html>

@E1.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

using THS.ERP.MM.Model.ViewModel;

namespace THS.ERP.MM.UI.SurveyTest

{

public partial class E1 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

private IEnumerable<Account> s_Accounts;

protected void Master_RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

if (s_Accounts == null)

{

s_Accounts = new List<Account>()

{

new Account(){Id = Guid.NewGuid(),Name = "yao",Age = 18,CreateDateTime = DateTime.Now,CreateUserId = "SYS"}

};

}

if (!e.IsFromDetailTable)

{

var radGrid = (RadGrid)sender;

var itemCount = s_Accounts.Count();

IEnumerable<Account> queryResults = s_Accounts;

if (e.RebindReason == GridRebindReason.InitialLoad || e.RebindReason == GridRebindReason.ExplicitRebind)

{

radGrid.VirtualItemCount = itemCount;

}

radGrid.DataSource = queryResults;

}

public object CommandArgument { get; set; }

public string CommandName { get; set; }

protected void Master_RadGrid_ItemCommand(object sender, GridCommandEventArgs e)

{

this.CommandArgument = e.CommandArgument;

this.CommandName = e.CommandName;

}

public class Account

{

public Guid Id { get; set; }

public string Name { get; set; }

public int Age { get; set; }

public DateTime CreateDateTime { get; set; }

public string CreateUserId { get; set; }

}

@E2.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="E2.aspx.cs" Inherits="THS.ERP.MM.UI.SurveyTest.at_telerik_forum_question.E2" %>

<%@ PreviousPageType VirtualPath="~/SurveyTest/at telerik forum question/E1.aspx" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

I at E2.aspx

</div>

</form>

</body>

</html>

@E2.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace THS.ERP.MM.UI.SurveyTest.at_telerik_forum_question

{

public partial class E2 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (this.IsPostBack)

{

return;

}

if (this.PreviousPage == null)

{

this.Response.Redirect("E1.aspx");

}

if (!this.PreviousPage.IsCrossPagePostBack)

{

this.Response.Redirect("E1.aspx");

}

this.Response.Write(string.Format("Name:{0},Argument:{1}", this.PreviousPage.CommandName, this.PreviousPage.CommandArgument));

}

Grid

answered on 03 Sep 2015

2 answers

141 views

SeriesClick event not fired in canvas rendering mode.

I'm trying to bind to the client series clicked event to implement a drill-down feature. The event, however, is not fired when the chart is rendered as a Canvas but works fine in SVG mode. I even tried to bind the event handler to the underlying Kendo widget but still the event is not fired in canvas mode. I want to use canvas mode so as to keep the page size small.

Following is the structure of the chart that I used. Neither the OnClientSeriesClicked nor the ClientEvents --> OnSeriesClick work in canvas mode.

<telerik:RadHtmlChart ID="chart" runat="server" EnableEmbeddedScripts="false"
RenderMode="Lightweight" Height="350" Width="840" RenderAs="Canvas" Transitions="false"
OnClientSeriesClicked="seriesClick">
<PlotArea>

<YAxis Type="Numeric">
<TitleAppearance Text="Y" Visible="true" />
<MinorGridLines Visible="false" />
<MajorGridLines Visible="true" />
</YAxis>
<XAxis DataLabelsField="Category">
<LabelsAppearance RotationAngle="45" Visible="false">
</LabelsAppearance>
<MinorGridLines Visible="false" />
<MajorGridLines Visible="false" />
</XAxis>
<Series>
<telerik:ColumnSeries DataFieldY="Value" ColorField="Color">
<LabelsAppearance Visible="false" RotationAngle="-90"></LabelsAppearance>
<TooltipsAppearance Visible="false" />
</telerik:LineSeries>
</Series>
</PlotArea>
<Legend>
<Appearance Position="Top" Visible="false" />
</Legend>
</telerik:RadHtmlChart>

Chart (HTML5)

answered on 03 Sep 2015

8 answers

440 views

Error trying to run live demo application installed on my machine.

When I try to run the demo website on my machine I get the following error:

Database 'C:\PROGRAM FILES\TELERIK\RADCONTROLS FOR ASP.NET AJAX Q1 2011\LIVE DEMOS\APP_DATA\NORTHWIND.MDF' cannot be upgraded because it is read-only or has read-only files. Make the database or files writeable, and rerun recovery.
An attempt to attach an auto-named database for file C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q1 2011\Live Demos\App_Data\Northwind.mdf failed. A database with the same name exists, or specified file cannot be opened, or it is located on UNC share.

I have uninstalled and restalled the 2011 ajax version and am still having the same problem. I did install mysql on my machine today and uninstalled sql server 2008, then removed 2005 and reinstalled sql server 2008. Am running vs studio 2010 professional trial.

Please assist.

Thanks,

Steve Holdorf

General Discussions

answered on 03 Sep 2015

0 answers

119 views

htmlchart bind with a grid

Hi,

I'm developing a web with visual studio in c#.

I'm want display a Grid and show some data in a chart, but when a user filter the Grid, the Chart refresh its data.

In my case, I attach an image, I want display de Summary values in chart, but when a user filter the grid, the chart must be updated also.

How can I do It?

Another question, in Firefox I display de combos very uglies, with IE I see the combos good. Why?

Thanks

Chart (HTML5)

asked on 03 Sep 2015

3 answers

543 views

Accessing RadComboBox Inside RadGrid FilterTemplate

Hi I am trying to add add a RadComboxBox to my RadGrid filtertemplate in a bound column. For some reason in the code behind I can not access the RadComboBox. It keeps coming back null. I'm not sure what I'm doing wrong. Here is my code.

<telerik:GridBoundColumn SortExpression="Product_Name" HeaderText="Product Name" DataField="Product_Name" UniqueName="ProductName">
<FilterTemplate>
<telerik:RadComboBox runat="server" ID="cmbProductName" CheckBoxes="true" ClientIDMode="Static"
AppendDataBoundItems="true" DataValueField="Product_Name" EnableCheckAllItemsCheckBox="true">
</telerik:RadComboBox>
</FilterTemplate>
</telerik:GridBoundColumn>

foreach (var cat in CatProdList)
{
var itemCategory = new RadComboBoxItem(cat.Category.Name);

var option = cat.ProdAttributesTuple.GroupBy(a => a.Item2.Attribute.Value).ToList();
foreach (var attr in option)
{
if (e.Item is GridDataItem)
{
RadComboBox cmbProductName = (RadComboBox)e.Item.FindControl("cmbProductName");

var item = new RadComboBoxItem(attr.Key);

cmbProductName.Items.Add(item);

}

}
}

ComboBox

answered on 03 Sep 2015

1 answer

82 views

Telerik tools for a more responsive web page

I create web pages for an IT department to monitor many servers. I use Telerik Rad Controls for ASP.NET. My problem is that the pages need to read a lot of data and are not quick to respond. For example, on the Page_Load I query 50 servers (often using asynchronous tasks) to display the information in a RadGrid. This takes a while and feels unresponsive. I think I want to be able to display a page immediately and then fill it in as data is returned. In addition when I make a change to a single server I sometimes query all the servers again to update the RadGrid and display the page again. Specifically this example could be a question of how to update only parts of a RadGrid (which a recent post said can't be done), but this is just an example. I may be going about this all wrong.

What I really want to know is if there are Telerik programs besides Rad Controls for ASP.NET or things within Rad Controls that I should be using/learning to make my pages more responsive (I can't even seem to display an hourglass icon). I have used UpdatePanels with some effect. I have also looked into SignalR. I see many Telerik examples that seem to do what I want, but then end up not working, which could just be my fault. What products should I be looking into? I need to use Windows IIS web servers, but not necessarily ASP.NET, but I would like to keep using that if possible.

Thanks,

Scott

General Discussions

answered on 03 Sep 2015

2 answers

428 views

RadGrid - hide cell texts on column width resize.

Hello,

Requirement : User should be allowed to resize the column width manually(similar to how Excel columns can be adjusted by dragging the line between the columns to the left or right)

What I have implemented : I am using the "Resizing" property on the client side(attached Grid.ascx) and is working as expected.

Issue : After using "Resizing" I am able to resize the column. But, once I reduce the size of the width, the cell contents doesn't get hidden as per the width size. Please see the attached screenshot for better clarity.

As per my analysis, in the code behind ItemDataBound event, I am assigning css class dynamically which is causing this issue. Please see the Grid.ascx.vb in the attached rar file.

Please let me know if you need anything else.

Thanks,

Sam

Grid