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.