data in the RadGrid show up outside the bottom border of the RadGrid

[David zhao]

Hi, I have a problem about RadGrid.
I put two RadDatePricers in RadGrid . When the RadGrid first show up , some contents showed in the RadGrid will show up outside the bottom border of the RadGrid,  after two seconds , the contents showed outside the bottom disappear automatically and everything is ok.
Is there any way to resolve the problem?

aspx:
       <telerik:RadGrid ID="RadGrid_ProjectEvaluationStep" runat="server"   AutoGenerateColumns="False"
                DataSourceID="ObjectDataSource_ProjectEvaluationStep" GridLines="None" Height="285px" Width="500px"
                onitemdatabound="RadGrid_ProjectEvaluationStep_ItemDataBound">                
                <MasterTableView DataSourceID="ObjectDataSource_ProjectEvaluationStep">
                    <Columns>
                        <telerik:GridBoundColumn DataField="EvaluationStepID" UniqueName="EvaluationStepID" Visible="False">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="EvaluationStep" HeaderText="" UniqueName="EvaluationStep">
                            <HeaderStyle Width="150px"/>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ProcedureStepID" UniqueName="ProcedureStepID" Visible="False">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="PlanBeginDate" UniqueName="PlanBeginDate" Visible="False">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="PlanEndDate" UniqueName="PlanEndDate" Visible="False">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn Resizable="False" HeaderText="" >
                            <ItemTemplate>
                                <telerik:RadDatePicker ID="RadDatePicker_Begin" runat="server">
                                    <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"></Calendar>
                                    <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                                    <DateInput DisplayDateFormat="yyyy-MM-dd" DateFormat="yyyy-MM-dd"></DateInput>
                                </telerik:RadDatePicker>
                            </ItemTemplate>
                            <HeaderStyle Width="140px"/>                                
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn Resizable="False" HeaderText="" >
                            <ItemTemplate>
                                <telerik:RadDatePicker ID="RadDatePicker_End" runat="server">
                                    <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"></Calendar>
                                    <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                                    <DateInput DisplayDateFormat="yyyy-MM-dd" DateFormat="yyyy-MM-dd"></DateInput>
                                </telerik:RadDatePicker>
                            </ItemTemplate>
                            <HeaderStyle Width="140px"/>                                
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings>
                    <Scrolling AllowScroll="True" UseStaticHeaders="True"/>
                </ClientSettings>
            </telerik:RadGrid>

c#
protected void RadGrid_ProjectEvaluationStep_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            RadDatePicker beginDate = (RadDatePicker)e.Item.Cells[7].FindControl("RadDatePicker_Begin");
            RadDatePicker endDate = (RadDatePicker)e.Item.Cells[8].FindControl("RadDatePicker_End");

            if (e.Item.Cells[5].Text == null || e.Item.Cells[5].Text == "&nbsp;")
            {
                beginDate.SelectedDate = null;
            }
            else
            {
                beginDate.SelectedDate = Convert.ToDateTime(e.Item.Cells[5].Text);

                if (e.Item.Cells[4].Text == "1")
                {
                    beginDate.Enabled = false;
                }
            }

            if (e.Item.Cells[6].Text == null || e.Item.Cells[6].Text == "&nbsp;")
            {
                endDate.SelectedDate = null;
            }
            else
            {
                endDate.SelectedDate = Convert.ToDateTime(e.Item.Cells[6].Text);
            }                       
        }
    }

[Iana Tsolova]

Hello David,

Try setting ScrollHeight for the grid instead of Height. Find more information here.

Regards,
Iana
the Telerik team