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.
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 anyone can shed any light on why this is happening it would be great.
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"
;
}
private
void
AddGridColumns(
ref
CustomFilteringDropDown item,
string
dataField,
string
headerText,
string
dataFormat,
string
cssClass,
bool
enableFilter,
string
groupByClause,
int
width)
{
item.DataField = dataField;
item.UniqueName = dataField;
item.HtmlEncode =
false
;
item.Groupable =
true
;
item.GroupByExpression =
string
.Format(
"{0} Group By {1}"
, groupByClause, groupByClause);
item.AllowSorting =
true
;
item.AllowFiltering = enableFilter;
item.SortExpression = dataField;
item.HeaderText = headerText;
item.DataFormatString =
"{0:"
+ dataFormat +
"}"
;
item.ItemStyle.CssClass = cssClass;
item.HeaderStyle.Width = Unit.Pixel(width);
item.FilterControlWidth = Unit.Pixel(width);
}
If anyone can shed any light on why this is happening it would be great.