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 43 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Manuel
Top achievements
Rank 1
Manuel asked on 11 May 2012, 12:15 AM
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

Sort by
0
Pavlina
Telerik team
answered on 15 May 2012, 01:17 PM
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.
0
Manuel
Top achievements
Rank 1
answered on 23 May 2012, 04:59 PM
Hi Pavlina,

I removed the Width=100% from MasterTableView and it doens't help. Moreover i used your example code and the problem persist, everything works fine if i set AllowScroll = False. And we work with master page too, so the WebPage that contains the grid is under a master page.

I hope you can help me with this.

Best Regards,
Manuel.

0
Pavlina
Telerik team
answered on 28 May 2012, 11:40 AM
Hi Manuel,

Can you provide a live url or open a formal support ticket and attach a sample runnable project, where the described problem can be replicated? Thus we will be able to test it locally and advise you further.

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.
Tags
Grid
Asked by
Manuel
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Manuel
Top achievements
Rank 1
Share this question
or