Hi Just wondering if someone can help.
I have a strange issue with Chrome and the way it seems to render my rad grid.
Zibrant Test Site
In firefox 10.0.2, IE 7,8,9 the grid renders correctly but in Chrome it seems to create a grid with a massive width on it and also messes up the grouping panel section as well. below is the grid.
<
telerik:RadGrid
ID
=
"radGrid"
runat
=
"server"
AutoGenerateColumns
=
"False"
OnNeedDataSource
=
"radGrid_NeedDataSource"
AllowFilteringByColumn
=
"True"
AllowPaging
=
"True"
AllowSorting
=
"True"
ShowFooter
=
"True"
ShowGroupPanel
=
"True"
ShowStatusBar
=
"True"
CellSpacing
=
"0"
OnColumnCreating
=
"radGrid_ColumnCreating"
OnItemCommand
=
"radGrid_ItemCommand"
EnableLinqExpressions
=
"false"
Width
=
"900px"
>
<
ExportSettings
IgnorePaging
=
"True"
ExportOnlyData
=
"true"
OpenInNewWindow
=
"true"
FileName
=
"Event List"
HideStructureColumns
=
"true"
>
</
ExportSettings
>
<
ClientSettings
AllowColumnsReorder
=
"True"
AllowDragToGroup
=
"True"
AllowKeyboardNavigation
=
"True"
>
<
Scrolling
AllowScroll
=
"false"
EnableVirtualScrollPaging
=
"True"
/>
<
Animation
AllowColumnReorderAnimation
=
"True"
AllowColumnRevertAnimation
=
"True"
/>
<
ClientEvents
OnRowDblClick
=
"RowDblClick"
/>
</
ClientSettings
>
<
MasterTableView
NoDetailRecordsText
=
"No Events Currently Listed"
NoMasterRecordsText
=
"No Events Currently Listed"
CommandItemDisplay
=
"None"
AllowMultiColumnSorting
=
"True"
EditMode
=
"PopUp"
>
<
CommandItemSettings
ExportToPdfText
=
"Export to PDF"
ShowAddNewRecordButton
=
"False"
ShowExportToExcelButton
=
"True"
ShowExportToCsvButton
=
"True"
ShowExportToPdfButton
=
"True"
ShowExportToWordButton
=
"True"
/>
<
RowIndicatorColumn
FilterControlAltText
=
"Filter RowIndicator column"
Visible
=
"True"
>
</
RowIndicatorColumn
>
<
ExpandCollapseColumn
FilterControlAltText
=
"Filter ExpandColumn column"
Visible
=
"True"
>
</
ExpandCollapseColumn
>
<
Columns
>
</
Columns
>
<
EditFormSettings
EditFormType
=
"WebUserControl"
UserControlName
=
"~/Controls/EventEmailer.ascx"
PopUpSettings-Modal
=
"true"
PopUpSettings-Height
=
"500"
PopUpSettings-Width
=
"900"
CaptionDataField
=
"TitleOfEvent"
>
<
EditColumn
FilterControlAltText
=
"Filter EditCommandColumn column"
UniqueName
=
"EditCommandColumn1"
>
</
EditColumn
>
</
EditFormSettings
>
</
MasterTableView
>
<
FilterMenu
EnableImageSprites
=
"False"
EnableRoundedCorners
=
"True"
>
</
FilterMenu
>
</
telerik:RadGrid
>
The columns are added at run time as I am using the google like filtering feature as demo'd on the site.
They are added like this:
if
(!IsPostBack)
{
//clear items.
radGrid.MasterTableView.Columns.Clear();
//add events
EventList = LoadEvents(CurrentStyle);
CustomFilteringDropDown title =
new
CustomFilteringDropDown();
radGrid.MasterTableView.Columns.Add(title);
AddGridColumns(
ref
title,
"HtmlEncodeTitle"
,
"Title"
,
string
.Empty,
"portaltablelink"
,
true
,
"TitleOfEvent"
, 400);
CustomFilteringDropDown startDate =
new
CustomFilteringDropDown();
radGrid.MasterTableView.Columns.Add(startDate);
AddGridColumns(
ref
startDate,
"startDate"
,
"Start"
,
"ddd, dd MMM yy"
,
string
.Empty,
false
,
"startDate"
, 100);
CustomFilteringDropDown endDate =
new
CustomFilteringDropDown();
radGrid.MasterTableView.Columns.Add(endDate);
AddGridColumns(
ref
endDate,
"endDate"
,
"End"
,
"ddd, dd MMM yy"
,
string
.Empty,
false
,
"endDate"
, 100);
CustomFilteringDropDown town =
new
CustomFilteringDropDown();
radGrid.MasterTableView.Columns.Add(town);
AddGridColumns(
ref
town,
"Town"
,
"Town"
,
string
.Empty,
string
.Empty,
true
,
"Town"
, 150);
CustomFilteringDropDown country =
new
CustomFilteringDropDown();
radGrid.MasterTableView.Columns.Add(country);
AddGridColumns(
ref
country,
"Country"
,
"Country"
,
string
.Empty,
string
.Empty,
true
,
"Country"
, 150);
GridEditCommandColumn editColumn =
new
GridEditCommandColumn();
radGrid.MasterTableView.Columns.Add(editColumn);
editColumn.UniqueName =
"EditCommandColumn"
;
editColumn.ButtonType = GridButtonColumnType.ImageButton;
editColumn.EditImageUrl =
"~/Styles/ClientDefault/Images/ContactUs/email_dialog_icon.png"
;
editColumn.EditText =
"Email Delegates this link"
;
}
If anyone can shed any light on why this is happening it would be great.