Current filter:
                                You should refresh the page.
                                0
                                Richard Berman_1 06.03.2009

                                  • I was about to report bugs related to rendering in IE7 and Firefox 3.0.10 with horizontal scroll. Did research on your site, found lots of fixed or answered questions, but nothing exactly the same. Got recent public fix 9153, which slightly changed and in particular worsened the problem in that now there is no horizontal scroll activation at all in Firefox, whereas before there was (but with rendering problems).

                                    First off, here's my grid markup:

                                    <dxwgv:ASPxGridView ID="agvConsumption" runat="server"
                                            AutoGenerateColumns="False" DataSourceID="sqlMonthly" Width="100%"
                                            ClientInstanceName="agvConsumption">
                                                <Styles>
                                                    <Header Wrap="True">
                                                    </Header>
                                                    <Cell Wrap="True">
                                                    </Cell>
                                                </Styles>
                                                <SettingsText FilterBarClear="Clear&nbsp;Filter"
                                                    FilterBarCreateFilter="Filter" HeaderFilterShowAll="Show All" />
                                                <Columns>
                                                    <dxwgv:GridViewDataTextColumn Caption="Scenario" FieldName="Case"
                                                        VisibleIndex="0" FixedStyle="Left" ReadOnly="True">
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Area" FieldName="Area" VisibleIndex="1"
                                                        FixedStyle="Left" ReadOnly="True">
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Period" FieldName="Period"
                                                        VisibleIndex="2" FixedStyle="Left" ReadOnly="True" SortIndex="0"
                                                        SortOrder="Ascending">
                                                        <PropertiesTextEdit DisplayFormatString="{0:MMM-yyyy}">
                                                        </PropertiesTextEdit>
                                                        <CellStyle Wrap="False">
                                                        </CellStyle>
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Lease&nbsp;&amp; Plant&nbsp;Fuel"
                                                        FieldName="L_P_Fuel" VisibleIndex="3" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Pipeline Fuel" FieldName="Pipe_Fuel"
                                                        VisibleIndex="4" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Res&nbsp;Cm Gas&nbsp;Demand"
                                                        FieldName="Res_Com_Veh" VisibleIndex="5" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Industrial Gas&nbsp;Demand"
                                                        FieldName="Industrial" VisibleIndex="6" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Elec Power Gas" FieldName="Elec_Power"
                                                        VisibleIndex="7" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Deliveries to Consumers"
                                                        FieldName="Consumers" VisibleIndex="8" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Consumption" FieldName="Consumption"
                                                        VisibleIndex="9" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Storage Demand" FieldName="Stor_Demand"
                                                        VisibleIndex="10" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                    <dxwgv:GridViewDataTextColumn Caption="Total Demand" FieldName="Tot_Demand"
                                                        VisibleIndex="11" ReadOnly="True">
                                                        <PropertiesTextEdit DisplayFormatString="N0" Width="0.7in">
                                                        </PropertiesTextEdit>
                                                        <Settings AllowGroup="False" AllowDragDrop="False"
                                                            AllowHeaderFilter="False" AllowSort="True" AutoFilterCondition="Equals"
                                                            ShowFilterRowMenu="True" ShowInFilterControl="True" />
                                                        <HeaderStyle HorizontalAlign="Center" />
                                                    </dxwgv:GridViewDataTextColumn>
                                                </Columns>
                                                <Settings ShowFilterRow="True" ShowGroupPanel="True" ShowFilterBar="Visible"
                                                    ShowFilterRowMenu="True" ShowHeaderFilterButton="True"
                                                    ShowHorizontalScrollBar="True" ShowVerticalScrollBar="True"
                                                    VerticalScrollBarStyle="Virtual" />
                                        </dxwgv:ASPxGridView>

                                    There is no server side processing, and the data is rather straightforward. You can see the leftmost 3 columns are non-scrolling. The rest should scroll.

                                    Attached is a zip with 2 sets of 3 images - each are appropriately numbers and labeled so, for firefox and IE you can see what I see for:

                                    01 - the width of the enclosing object being just wide enough to show the entire grid width
                                    02 - the width of the enclosing object being somewhat wider than needed
                                    03 - the width of the enclosing object being less than needed to show the entire grid

                                    As you'll see, each browswer displays problems in one or more of these categories.

                                    Steps to Reproduce:

                                    Make a similar grid to the one shown. Put it in a table with a decent-sized column to the right (as you see in my sample pictures). Mess with the width of the windows. The grid is 100% width, so should always fit in the cell of the table in which it is located.

                                    Actual Results:

                                    Varies by browser.

                                    Firefox: The grid looks correct for correct-width and wider-than width. It clearly is incorrect when the cell is too narrow -- the grid in fact doesn't shrink (and it DID prior in 9.1.4.9146). As you can see in 03-ff image, there is no enabled horizontal scroll, and the rendering just runs right over the rest of the enclosing table. In fact, at no time does the horizontal scrollbar enable in firefox.

                                    IE: Looks ok for "wide enough cell" case. But when the browser is widened, you see it renders and extra column, that seems to duplicate the data in another column. No such column is defined in the grid itself. And finally, for the "too narrow" case, it is also incorrect. Similarly to firefox, the grid appears to no longer follow it's "100%" width and abide by the width of the enclosing object (which was a prior bug report, earlier fixed, in your system). But differently from firefox, the grid is simply cut off, rather than rendering over the enclosing table, and the horizontal scroll is pretty useless as a result.

                                    Opposite of firefox, the horizontal scroll is ALWAYS enabled in IE, even when unneeded.

                                    Expected Results:

                                    Should be obvious:

                                    1. Grid resizes correctly to enclosing control if it is a percentage width

                                    2. Horizontal scrollbar appears and is enabled whenever the grid contents cannot be completely (width-wise) displayed in the space available for it.

                                grid horz scroll problems.zip
                                0
                                Ivan Nik (DevExpress) 06.04.2009

                                Hi Richard.

                                All this problems are fixed in the next public fix. Except the scrollbar activation in FF. As you can mention this caused by the fact that in IE grid is initialy don't fully fit on screen, but in IE it does. This caused by the difference of the boxing model of the browsers (100% width have different actual width in them).

                                With best regards,
                                Ivan N.

                                0
                                Richard Berman_1 06.04.2009

                                Well - wish it were just that, but it is more.

                                Along this line, and since you mention that a lot of related things are being fixed, if the VerticalScrollableHeight is taller than the number of displayed rows, then (at least in FF) the vert scrollbar is NEVER enabled and can never be used - it's totally inactive.

                                0
                                Serge D (DevExpress) 06.05.2009

                                Hi Richard,

                                This behavior is by design. If the vertical scroll bar height is greater than the height of all displayed rows, then the vertical scroll bar is disabled, because all rows are visible on the page. There's no need for the vertical scroll bar in this instance.

                                P.S. Please also try the intermediate build attached to this issue.

                                Thanks,
                                Serge D

                                0
                                Richard Berman_1 06.05.2009

                                That'd be ok except - if you look at the markup I originally supplied, the scroll bar is VIRTUAL, so of course, it should be enabled unless all the rows in the entire rowset are displayed! And they aren't - there are over 200 pages. So this is truly a rendering bug for scrolling. Guess I'll make another report for that one.

                                0
                                Serge D (DevExpress) 06.05.2009

                                Hi Richard,

                                Sorry, I missed that the vertical scroll bar is virtual. But, it is also fixed in the next public build - v2009 vol 1.5.
                                If this public fix doesn't help you, please reopen this issue and provide us with the sample project and the steps to reproduce this issue.

                                Thanks,
                                Serge D

                                You must  log in  or  register  to leave an answer

                                Is your intention to post an answer to your own question?

                                • If so, then proceed.
                                • If you simply wanted to post additional information, ask for further clarification, or to just say "Thanks!", please click Leave a Comment.
                                • If you wish to edit your original question, please use the Edit button in the Toolbox at the top right corner of that entry.