This is a migrated thread and some comments may be shown as answers.

Problems with Gridview with AllowScroll=True in IE8 and Compatibility View = On

3 Answers 160 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Manuel asked on 11 May 2012, 12:15 AM

AllCorrect.JPG

IE9-CompatibilityOn.JPG

IE8-LongBlankSpace.JPG

Hi,

I have some problems with Scrolling in GridView in IE8 and IE9 with Compatibility On.

I have attached 3 pictures:

1. AllCorrect.jpg : Is the normal and correct behavior. IN IE9 and others browers.
2. IE9_CompatibilityOn.jpg : Compatibility View On in IE9, looks like the AllowScroll is ignored and all the columns show without scrolling.
3. IE8_LongBlankSpace.jpg : In IE8 all my Content move to right with a big blank space, if i set AllowScroll = False, it looks and works fine.

I hope there is a solution for this.

Aspx for GridView:

<telerik:RadGrid ID="gridCVCOrders" runat="server" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" CellSpacing="0" GridLines="None" Skin="Windows7"

OnItemCommand="gridCVCOrders_ItemCommand" OnItemDataBound="gridCVCOrders_ItemDataBound"

OnNeedDataSource="gridCVCOrders_NeedDataSource1">

<ExportSettings ExportOnlyData="True" IgnorePaging="True" HideStructureColumns="true"

FileName="CVCReport">

</ExportSettings>

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

<MasterTableView CommandItemDisplay="Top" TableLayout="Fixed" Width="100%" AllowMultiColumnSorting="true"

PageSize="7" BorderStyle="None" DataKeyNames="OrderID" ClientDataKeyNames="OrderID"

HeaderStyle-Wrap="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"

AlternatingItemStyle-HorizontalAlign="Center">

<CommandItemSettings ExportToPdfText="Export to PDF" ShowExportToExcelButton="true"

ShowAddNewRecordButton="false"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="OrderID" DataType="System.Int64" FilterControlAltText="Filter OrderID column"

HeaderText="OrderID" SortExpression="OrderID" UniqueName="OrderID" Visible="false"

meta:resourcekey="GridBoundColumnResource1">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OrderDate" HeaderStyle-Width="100px" DataType="System.DateTime"

FilterControlAltText="Filter OrderDate column" HeaderText="OrderDate" SortExpression="OrderDate"

UniqueName="OrderDate" meta:resourcekey="GridBoundColumnResource2">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center"

FilterControlAltText="Filter ProductName column" HeaderText="ProductName" SortExpression="ProductName"

UniqueName="ProductName" meta:resourcekey="GridBoundColumnResource3">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Quantity" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Center" FilterControlAltText="Filter Quantity column"

HeaderText="Quantity" SortExpression="Quantity" UniqueName="Quantity" DataType="System.Int32"

meta:resourcekey="GridBoundColumnResource4">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductAmount" HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Center"

FilterControlAltText="Filter ProductAmount column" HeaderText="ProductAmount"

HeaderStyle-HorizontalAlign="Center" SortExpression="ProductAmount" UniqueName="ProductAmount"

DataType="System.Decimal" meta:resourcekey="GridBoundColumnResource5">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CustomerName" HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Center"

FilterControlAltText="Filter CustomerName column" HeaderText="CustomerName" HeaderStyle-HorizontalAlign="Center"

SortExpression="CustomerName" UniqueName="CustomerName" meta:resourcekey="GridBoundColumnResource6">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CPF" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center"

FilterControlAltText="Filter CPF column" HeaderText="CPF" ItemStyle-HorizontalAlign="Center"

SortExpression="CPF" UniqueName="CPF" meta:resourcekey="GridBoundColumnResource7">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RG" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center"

FilterControlAltText="Filter RG column" ItemStyle-HorizontalAlign="Center" HeaderText="RG"

SortExpression="RG" UniqueName="RG" meta:resourcekey="GridBoundColumnResource8">

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Gender" HeaderStyle-Width="100px" FilterControlAltText="Filter Gender column"

HeaderText="Gender" SortExpression="Gender" UniqueName="Gender" meta:resourcekey="GridBoundColumnResource9">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BirthDate" HeaderStyle-Width="100px" DataType="System.DateTime"

FilterControlAltText="Filter BirthDate column" HeaderText="BirthDate" SortExpression="BirthDate"

UniqueName="BirthDate" meta:resourcekey="GridBoundColumnResource10">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Billing Address" HeaderStyle-Width="100px"

SortExpression="BillingAddress" UniqueName="BillingAddress" meta:resourcekey="GridTemplateColumnResource1">

<ItemTemplate>

<asp:HyperLink ID="targetControlBilling" runat="server" NavigateUrl="#" Text="View Billing Address"

meta:resourcekey="targetControlBillingResource1"></asp:HyperLink>

</ItemTemplate>

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="BillingStreet" FilterControlAltText="Filter BillingStreet column"

HeaderText="BillingStreet" SortExpression="BillingStreet" UniqueName="BillingStreet"

Visible="false" meta:resourcekey="GridBoundColumnResource11">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BillingNumber" FilterControlAltText="Filter BillingNumber column"

HeaderText="BillingNumber" SortExpression="BillingNumber" UniqueName="BillingNumber"

Visible="false" meta:resourcekey="GridBoundColumnResource12">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BillingComplement" FilterControlAltText="Filter BillingComplement column"

HeaderText="BillingComplement" SortExpression="BillingComplement" UniqueName="BillingComplement"

Visible="false" meta:resourcekey="GridBoundColumnResource13">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BillingNeighborhood" FilterControlAltText="Filter BillingNeighborhood column"

HeaderText="BillingNeighborhood" SortExpression="BillingNeighborhood" UniqueName="BillingNeighborhood"

Visible="false" meta:resourcekey="GridBoundColumnResource14">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BillingState" FilterControlAltText="Filter BillingState column"

HeaderText="BillingState" SortExpression="BillingState" UniqueName="BillingState"

Visible="false" meta:resourcekey="GridBoundColumnResource15">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BillingCity" FilterControlAltText="Filter BillingCity column"

HeaderText="BillingCity" SortExpression="BillingCity" UniqueName="BillingCity"

Visible="false" meta:resourcekey="GridBoundColumnResource16">

</telerik:GridBoundColumn>

<%--<telerik:GridBoundColumn DataField="BillingCountry" FilterControlAltText="Filter BillingCountry column"

HeaderText="BillingCountry" SortExpression="BillingCountry" UniqueName="BillingCountry"

Visible="false" meta:resourcekey="GridBoundColumnResource17">

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn DataField="BillingZipCode" FilterControlAltText="Filter BillingZipCode column"

HeaderText="BillingZipCode" SortExpression="BillingZipCode" UniqueName="BillingZipCode"

Visible="false" meta:resourcekey="GridBoundColumnResource18">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Shipping Address" HeaderStyle-Width="100px"

SortExpression="ShippingAddress" UniqueName="ShippingAddress" meta:resourcekey="GridTemplateColumnResource2">

<ItemTemplate>

<asp:HyperLink ID="targetControlShipping" runat="server" NavigateUrl="#" Text="View Shipping Address"

meta:resourcekey="targetControlShippingResource1"></asp:HyperLink>

</ItemTemplate>

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ShippingStreet" FilterControlAltText="Filter ShippingStreet column"

HeaderText="ShippingStreet" SortExpression="ShippingStreet" UniqueName="ShippingStreet"

Visible="false" meta:resourcekey="GridBoundColumnResource19">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ShippingNumber" FilterControlAltText="Filter ShippingNumber column"

HeaderText="ShippingNumber" SortExpression="ShippingNumber" UniqueName="ShippingNumber"

Visible="false" meta:resourcekey="GridBoundColumnResource20">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ShippingComplement" FilterControlAltText="Filter ShippingComplement column"

HeaderText="ShippingComplement" SortExpression="ShippingComplement" UniqueName="ShippingComplement"

Visible="false" meta:resourcekey="GridBoundColumnResource21">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ShippingNeighborhood" FilterControlAltText="Filter ShippingNeighborhood column"

HeaderText="ShippingNeighborhood" SortExpression="ShippingNeighborhood" UniqueName="ShippingNeighborhood"

Visible="false" meta:resourcekey="GridBoundColumnResource22">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ShippingState" FilterControlAltText="Filter ShippingState column"

HeaderText="ShippingState" SortExpression="ShippingState" UniqueName="ShippingState"

Visible="false" meta:resourcekey="GridBoundColumnResource23">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ShippingCity" FilterControlAltText="Filter ShippingCity column"

HeaderText="ShippingCity" SortExpression="ShippingCity" UniqueName="ShippingCity"

Visible="false" meta:resourcekey="GridBoundColumnResource24">

</telerik:GridBoundColumn>

<%--<telerik:GridBoundColumn DataField="ShippingCountry" FilterControlAltText="Filter ShippingCountry column"

HeaderText="ShippingCountry" SortExpression="ShippingCountry" UniqueName="ShippingCountry"

Visible="false" meta:resourcekey="GridBoundColumnResource25">

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn DataField="ShippingZipCode" FilterControlAltText="Filter ShippingZipCode column"

HeaderText="ShippingZipCode" SortExpression="ShippingZipCode" UniqueName="ShippingZipCode"

Visible="false" meta:resourcekey="GridBoundColumnResource26">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PersonalEmail" HeaderStyle-Width="150px" FilterControlAltText="Filter PersonalEmail column"

HeaderText="PersonalEmail" SortExpression="PersonalEmail" UniqueName="PersonalEmail"

meta:resourcekey="GridBoundColumnResource27">

<HeaderStyle Width="150px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ComercialEmail" HeaderStyle-Width="150px" FilterControlAltText="Filter ComercialEmail column"

HeaderText="ComercialEmail" SortExpression="ComercialEmail" UniqueName="ComercialEmail"

meta:resourcekey="GridBoundColumnResource28">

<HeaderStyle Width="150px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DDDPhone" HeaderStyle-Width="100px" FilterControlAltText="Filter DDDPhone column"

HeaderText="DDDPhone" SortExpression="DDDPhone" UniqueName="DDDPhone" meta:resourcekey="GridBoundColumnResource29">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Phone" HeaderStyle-Width="100px" DataFormatString=" {0} "

FilterControlAltText="Filter Phone column" HeaderText="Phone" SortExpression="Phone"

UniqueName="Phone" meta:resourcekey="GridBoundColumnResource30">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DDDComercialPhone" HeaderStyle-Width="100px"

FilterControlAltText="Filter DDDComercialPhone column" HeaderText="DDDComercialPhone"

SortExpression="DDDComercialPhone" UniqueName="DDDComercialPhone" meta:resourcekey="GridBoundColumnResource31">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ComercialPhone" HeaderStyle-Width="100px" DataFormatString=" {0} "

FilterControlAltText="Filter ComercialPhone column" HeaderText="ComercialPhone"

SortExpression="ComercialPhone" UniqueName="ComercialPhone" meta:resourcekey="GridBoundColumnResource32">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DDDCellPhone" HeaderStyle-Width="100px" FilterControlAltText="Filter DDDCellPhone column"

HeaderText="DDDCellPhone" SortExpression="DDDCellPhone" UniqueName="DDDCellPhone"

meta:resourcekey="GridBoundColumnResource33">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CellPhone" HeaderStyle-Width="100px" DataFormatString=" {0} "

FilterControlAltText="Filter CellPhone column" HeaderText="CellPhone" SortExpression="CellPhone"

UniqueName="CellPhone" meta:resourcekey="GridBoundColumnResource34">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Reference" HeaderStyle-Width="100px" FilterControlAltText="Filter Reference column"

HeaderText="Reference" SortExpression="Reference" UniqueName="Reference" meta:resourcekey="GridBoundColumnResource35">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Campaign" HeaderStyle-Width="100px" FilterControlAltText="Filter Campaign column"

HeaderText="Campaign" SortExpression="Campaign" UniqueName="Campaign" meta:resourcekey="GridBoundColumnResource36">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Company" HeaderStyle-Width="100px" FilterControlAltText="Filter Company column"

HeaderText="Company" SortExpression="Company" UniqueName="Company" meta:resourcekey="GridBoundColumnResource37">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OrderNumber" HeaderStyle-Width="80px" FilterControlAltText="Filter OrderNumber column"

HeaderText="Order Number" SortExpression="OrderNumber" UniqueName="OrderNumber"

DataFormatString=" {0} " meta:resourcekey="GridBoundColumnResource38">

<HeaderStyle Width="80px"></HeaderStyle>

</telerik:GridBoundColumn>

</Columns>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<GroupByFields>

<telerik:GridGroupByField FieldName="OrderNumber" />

</GroupByFields>

<SelectFields>

<telerik:GridGroupByField FieldName="OrderNumber" FieldAlias="OrderNumber" HeaderText="Ordem"

SortOrder="Ascending" />

<telerik:GridGroupByField FieldName="OrderID" FieldAlias="OrderID" HeaderText="Ítens"

Aggregate="Count" />

<telerik:GridGroupByField FieldName="ProductAmount" FieldAlias="GroupTotal" Aggregate="Sum"

HeaderText="Total" />

<telerik:GridGroupByField FieldName="OrderStatus" FieldAlias="OrderStatus" HeaderText="Status" />

</SelectFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

<AlternatingItemStyle HorizontalAlign="Center"></AlternatingItemStyle>

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" />

<HeaderStyle HorizontalAlign="Center" Wrap="True"></HeaderStyle>

</MasterTableView>

</telerik:RadGrid>

Best Regards,
Manuel.

3 Answers, 1 is accepted

answered on 15 May 2012, 01:17 PM

Scrolling.zip

Hi Manuel,

I suggest that you remove the Width=100% from MasterTableView and see if this helps. Moreover, I followed your scenario and prepared a sample runnable project where the scrolling is working properly under IE8 and IE9 Compatibility View. Find the project attached to this message, give it a try and let me know if it helps.

Kind regards,
Pavlina
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.