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

odd grid height issue in Firefox

1 Answer 76 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Albert Shenker asked on 27 Sep 2012, 03:31 PM
I have a grid which is set to 100% height. The grid displays search results. When a user clicks on the "find" button, the results are loaded in the grid. In IE (9), the grid appears correctly. In Firefox (15), there is a vertical space of about 125px below the grid pager and the grid doesn't extend all the way down to the bottom of its container. If the user clicks on "search" a second time, the grid extends properly. I have attached two screen captures demonstrating what it looks like in ie (correct) and firefox (incorrect). I have added a panel with colored background as a container for the grid so you can see it appears to be the grid which is not extending and not the container. This effect occurs even if I do not include this panel. My markup is below.
<asp:Panel id="pnlSR" runat="Server" Height="100%" style="padding:5px; background-color:Red;">
                    <telerik:RadGrid id="rgSearchResults"
                            runat="server"
                            AutoGenerateColumns="False"
                            Skin="Simple"
                            Height="100%"
                            AllowPaging="True"
                            AllowSorting="True"
                            AllowCustomSorting="True"
                            AllowMultiRowSelection="True"
                            EnableLinqExpressions="false"
                            ShowStatusBar="True"
                            ShowGroupPanel="False"
                            PageSize="30"
                             
                    >
                        <MasterTableView 
                                    DataKeyNames="CVID"
                                    ClientDataKeyNames="CVID"
                                    Width="100%"
                                    TableLayout="Fixed"
                                    GroupLoadMode="Client"
                                    >
                             
                            <Columns>  
                                <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" Resizable="False" Visible="False">
                                    <HeaderStyle width="30px" HorizontalAlign="Center" CssClass="GridSelectColumnItem"></HeaderStyle>
                                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="GridSelectColumnItem" ></ItemStyle>
                                </telerik:GridClientSelectColumn>
                                <telerik:GridImageColumn UniqueName="detailIcon" ImageWidth="16px" ImageUrl="~/global/images/icons/search.png" ImageAlign="Middle" AlternateText="View Visit Detail"  AllowSorting="False" AllowFiltering="false" Visible="False">
                                    <HeaderStyle width="30px" HorizontalAlign="Center"></HeaderStyle>
                                    <ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" CssClass="HoverCursor"></ItemStyle>
                                </telerik:GridImageColumn>
                                <telerik:GridBoundColumn HeaderText="CVID" DataField="CVID" SortExpression="CVID">
                                    <HeaderStyle width="125px" HorizontalAlign="Left"></HeaderStyle>
                                    <ItemStyle HorizontalAlign="Left" VerticalAlign="Middle"></ItemStyle>
                                </telerik:GridBoundColumn>
                                <telerik:GridTemplateColumn UniqueName="SpacerColumn" AllowFiltering="false" SortExpression="" ></telerik:GridTemplateColumn>
                            </Columns>
                             
                            <CommandItemTemplate>
                                 
                            </CommandItemTemplate>
 
                            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="True"/>
                             
                        </MasterTableView>
                         
                        <ClientSettings AllowExpandCollapse="True" >
                            <Selecting AllowRowSelect="True" EnableDragToSelectRows="False"  />
                            <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="100%" />
                            <Resizing AllowColumnResize="False" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"/>
                            <ClientEvents OnGridCreated="GridCreatedHandler_VFC" OnRowSelecting="CancelNonInputSelect" OnRowSelected="GridRowSelectedHandler_VFC" OnRowDeselected="GridRowDeselectedHandler_VFC"   />
                        </ClientSettings>
                         
                    </telerik:RadGrid>
 
                   
                     
                </asp:Panel>

1 Answer, 1 is accepted

Sort by
0
Galin
Telerik team
answered on 02 Oct 2012, 05:57 PM
Hello Albert,

I tried to replicate the issue which you described, but to no avail. I am sending a test project and you can find it in the attached file. Please check it out and let me know if I have missed something important.

Greetings,
Galin
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
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Answers by
Galin
Telerik team
Share this question
or