Hello,
I am having a strange problem with the RadGrid on IE 9. The grid looks fine when published to a site, but when I am debugging code in Visual Studio 2008 the column alignment does not align with the headers. This is affecting all grids in every .NET project that I have, but again - only when debugging or browsing the page from within Visual Studio.
This issue originally occurred when I went to IE 9 and only occurs when debugging or browsing a page in Visual Studio. I had found a fix before, but cannot remember what the fix was (it was a either a setting in either IE or a modification to the skin for the grid) and cannot find it now. Once the latest ASP.NET AJAX update was applied, the issue came back. A sample of a grid that is affected by this issue is provided below.
<asp:Content ID="ViewEventLogContent" ContentPlaceHolderID="ViewEventLogContent" Runat="Server"> <asp:Panel ID="pnlEventLog" runat="server" Visible="false"> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="gridTableStyle"> <tr><td style="height:10px"> </td></tr> <tr> <td> <telerik:RadGrid ID="RadGridEventLog" runat="server" AutoGenerateColumns="false" AllowSorting="True" AllowPaging="true" Skin="Simple" ClientSettings-Resizing-AllowColumnResize="true" ItemStyle-Wrap="false" Width="95%" HeaderStyle-Wrap="false" PageSize="10" OnNeedDataSource="RadGridEventLog_NeedDataSource"> <PagerStyle Mode="NumericPages" /> <ClientSettings> <Scrolling AllowScroll="true" UseStaticHeaders="true" /> </ClientSettings> <MasterTableView TableLayout="Fixed" AllowMultiColumnSorting="true" DataKeyNames="EventLogId" ShowFooter="false" PagerStyle-AlwaysVisible="false" > <Columns> <telerik:GridBoundColumn DataField="EventLogId" HeaderButtonType="TextButton" HeaderText="Event Log ID" HeaderStyle-Width="100" /> <telerik:GridBoundColumn DataField="CampaignId" HeaderButtonType="TextButton" HeaderText="Campaign ID" HeaderStyle-Width="80" /> <telerik:GridBoundColumn DataField="EventStatusDesc" HeaderButtonType="TextButton" HeaderText="Event Status" HeaderStyle-Width="160" /> <telerik:GridBoundColumn DataField="EventTypeDesc" HeaderButtonType="TextButton" HeaderText="Event Type" HeaderStyle-Width="100" /> <telerik:GridBoundColumn DataField="EventReasonDesc" HeaderButtonType="TextButton" HeaderText="Event Reason" HeaderStyle-Width="100" /> <telerik:GridBoundColumn DataField="EventMessage" HeaderButtonType="TextButton" HeaderText="Event Message" HeaderStyle-Width="200" /> <telerik:GridBoundColumn DataField="FirstName" HeaderButtonType="TextButton" HeaderText="First Name" HeaderStyle-Width="150" /> <telerik:GridBoundColumn DataField="LastName" HeaderButtonType="TextButton" HeaderText="Last Name" HeaderStyle-Width="150" /> <telerik:GridBoundColumn DataField="ProfDesignation" HeaderButtonType="TextButton" HeaderText="Prof. Designation" HeaderStyle-Width="200" /> <telerik:GridBoundColumn DataField="StateLicenseNumber" HeaderButtonType="TextButton" HeaderText="SLN" HeaderStyle-Width="200" /> <telerik:GridBoundColumn DataField="StateOfLicensure" HeaderButtonType="TextButton" HeaderText="State of Licensure" HeaderStyle-Width="200" /> <telerik:GridBoundColumn DataField="EmailAddress" HeaderButtonType="TextButton" HeaderText="Email" HeaderStyle-Width="250" /> <telerik:GridDateTimeColumn DataField="CreateDate" HeaderButtonType="TextButton" HeaderText="Date" HeaderStyle-Width="150" DataFormatString="{0:MM/dd/yyyy hh:mm:ss tt}" /> </Columns> </MasterTableView> </telerik:RadGrid> </td> </tr> </table> </asp:Panel></asp:Content>
Thanks,
<?xml version="1.0" encoding="utf-8" ?><siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNode title="Home" url="Default.aspx"> <siteMapNode title="Base info" url=""> <siteMapNode title="provinces" url="~/AppUsers/addProvince.aspx"/> <siteMapNode title="Cities" url="~/AppUsers/addCity.aspx" /> <siteMapNode title="Sender" url="~/AppUsers/addFactory.aspx" /> <siteMapNode title="NVP" url="~/AppUsers/addRepresentation.aspx"/> </siteMapNode><telerik:RadMenu ID="RadMenu1" runat="server" DataSourceID="RadSiteMapDataSource1" > </telerik:RadMenu> <telerik:RadSiteMapDataSource ID="RadSiteMapDataSource1" runat="server" ShowStartingNode="false" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"> <ClientEvents OnRequestStart="onRequestStart" OnResponseEnd="hideHourGlass" /> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadCodeBlock1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadMultiPageReporting" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="RadListBoxActiveLayer"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadMultiPageReporting" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="RadMultiPageReporting"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadMultiPageReporting"></telerik:AjaxUpdatedControl> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Transparency="20" Skin="Default" /> <telerik:RadMultiPage runat="server" ID="RadMultiPageReporting" SelectedIndex="4"> <telerik:RadPageView runat="server" CssClass="radPageView" ID="RadPageView1"> <div> <uc:CCTVGrid runat="server" ID="CCTVGridUserControl" /> </div> </telerik:RadPageView> <telerik:RadPageView runat="server" CssClass="radPageView" ID="RadPageView2"> <div> <uc:CommSegmentsGrid runat="server" ID="CommSegmentsGridUserControl" /> </div> </telerik:RadPageView> <telerik:RadPageView runat="server" CssClass="radPageView" ID="RadPageView3"> <div> <uc:DetectorsGrid runat="server" ID="DetectorsGridUserControl" /> </div> </telerik:RadPageView> <telerik:RadPageView runat="server" CssClass="radPageView" ID="RadPageView4"> <div> <uc:DMSGrid runat="server" ID="DMSGridUserControl" /> </div> </telerik:RadPageView> <telerik:RadPageView runat="server" CssClass="radPageView" ID="RadPageView5"> <div> <uc:TrafficSignalsGrid runat="server" ID="TrafficSignalsGridUserControl" /> </div> </telerik:RadPageView> </telerik:RadMultiPage><telerik:RadGrid ID="RadGridTrafficSignals" runat="server" CssClass="gridClass" GridLines="None" AutoGenerateColumns="False" AllowSorting="True" EnableHeaderContextMenu="True" Width="98%" Height="636px" OnNeedDataSource="RadGridTrafficSignals_NeedDataSource" OnUpdateCommand="RadGridTrafficSignals_OnUpdateCommand" OnItemUpdated="RadGridTrafficSignals_ItemUpdated" OnDataBound="RadGridTrafficSignals_DataBound" OnItemCommand="RadGridTrafficSignals_ItemCommand" OnItemCreated="RadGridTrafficSignals_OnItemCreated" CellSpacing="0" AllowFilteringByColumn="True" ShowGroupPanel="True" ShowStatusBar="False"> <ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" ReorderColumnsOnClient="True"> <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnGridCreated="GridCreated" OnCommand="GridCommand"></ClientEvents> <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" ScrollHeight="458px"></Scrolling> <Virtualization EnableVirtualization="true" ItemsPerView="100" LoadingPanelID="RadAjaxLoadingPanel1" /> </ClientSettings>...</telerik:RadGrid><asp:Button ID="Button2" Text="Export RadEditor content to PDF" runat="server" OnClick="Button2_Click"></asp:Button> <br /> <br /> <telerik:RadEditor ID="RadEditor1" runat="server" ContentFilters="DefaultFilters,PdfExportFilter"> <ExportSettings OpenInNewWindow="true"> </ExportSettings> <Content> Test pdf content </Content> </telerik:RadEditor>protected void Button2_Click(object sender, EventArgs e){ RadEditor1.ExportToPdf();}function RemoveAllItems() { var combo = $find('cboGarmentSize'); var comboItems = combo.get_items(); for (var i = 0; i < comboItems.get_count(); i++) { combo.trackChanges(); var item = comboItems.getItem(i); combo.get_items().remove(item); combo.commitChanges(); } }