How do I get the grid to show all at once?

[Sayle]

Hello all! I have a newbie question... When my RadGrid with 150 rows renders, it does so at about 1/2 size in the middle of the page; then it re-renders full size. How do I get the grid to not render until the full grid is ready?
My page setup is like this:

<telerik:RadAjaxPanel >
    <telerik:RadWindowManager >
        <div align="center" style="z-index: 1;">
            <telerik:RadTabStrip >
                <Tabs/>
                <Tabs/>
                <Tabs/>
            <telerik:RadTabStrip />
            <telerik:RadMultiPage />
                <telerik:RadPageView />
                    <telerik:RadGrid ID="gridLoans" runat="server"  AllowAutomaticDeletes="true" AllowAutomaticUpdates="false"
                AllowAutomaticInserts="true" AllowFilteringByColumn="false" AllowPaging="false"
                AllowSorting="true" AllowMultiRowSelection="true" CellSpacing="2"
                PageSize="500" ShowGroupPanel="false"
                EnableLinqExpressions="false" GridLines="Both" CellPadding="0" HeaderStyle-Wrap="false"
                AutoGenerateColumns="false" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px"

                OnItemDataBound="grid_ItemDataBound" OnPageIndexChanged="grid_PageIndexChanged"
                OnPageSizeChanged="grid_PageSizeChanged" OnNeedDataSource="grid_NeedDataSource"
                OnInsertCommand="gridLoans_InsertCommmand" OnUpdateCommand="gridLoans_UpdateCommand"
                OnDeleteCommand="gridLoans_DeleteCommand" OnPreRender="gridLoans_PreRender"
                OnGridExporting="gridLoans_GridExporting" AllowCustomPaging="true"
                            >
                            <ClientSettings allowautoscrollondragdrop="false" allowexpandcollapse="false" allowgroupexpandcollapse="false">
                                <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />
                                <Scrolling AllowScroll="false" UseStaticHeaders="false" />
                                <ClientEvents OnGridCreated="grid_GridCreated" OnRowDblClick="RowDblClick" />
                                <Resizing AllowResizeToFit="true" EnableRealTimeResize="true" />
                            </ClientSettings>
                            <ExportSettings IgnorePaging="true" ExportOnlyData="true" Excel-Format="ExcelML" />
                            <AlternatingItemStyle BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                        <MasterTableView EditMode="InPlace" CommandItemDisplay="TopAndBottom" DataKeyNames="LoanID" ClientDataKeyNames="LoanID" GridLines="Both">
                            <CommandItemSettings ExportToPdfText="Export to PDF" />
                            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"><HeaderStyle Width="20px" /></RowIndicatorColumn>
                            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"><HeaderStyle Width="20px" /></ExpandCollapseColumn>
                            <Columns>
                                <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"  />
                                ...
                            </Columns>
                            <EditFormSettings>
                                <EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1"></EditColumn>
                            </EditFormSettings>
                        </MasterTableView>
                        <FilterMenu EnableImageSprites="false" />
                        <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" />
                        <ActiveItemStyle BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                        <FilterMenu EnableImageSprites="false" />
                        <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
                    </telerik:RadGrid>
               </telerik:RadPageView>
           </telerik:RadMultiPage>
        </telerik:RadAjaxPanel>
    </div>
<telerik:RadAjaxPanel />
<telerik:RadWindowManager />

Thanks,
Miles

[Andrey]

Hi,

Thank you for contacting us.

Based on the provided information I could not find the source of issue. However, you could try  to remove the RadAjaxPanel and check whether the issue still replicates.

Additionally, you could check this help topic for more information on how to use RadWindow with Ajax.

If this suggestion does not help, please send us a sample project that replicates the issue. Thus we will be able to test/debug the project locally.

I am looking forward your reply.
Greetings,
Andrey
the Telerik team