PanelBar extends over RadGrid

[Ales Savli]

Hello!

When I expand my PanelBar it extends over my RadGrid like shown on the image. How can I fix this problem?

Thanks!

Ales

[Nikolay Tsenkov]

Hi Ales Savli,

Could you provide us with some code (markup and if you think we need it - code-behind too) reproducing this, please?
Thanks!


Regards,
Nikolay Tsenkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Ales Savli]

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div>
    <asp:TextBox runat="server" ID="txtSearch" Width="257px"></asp:TextBox>

    <telerik:RadPanelBar ID="RadPanelBar1" Runat="server" Width="60%"
            Height="20px" Skin="Black" EnableTheming="True"
            AllowCollapseAllItems="True">
        <Items>
                    <telerik:RadPanelItem Expanded="False" Text="Napredni iskalnik" runat="server"
                        Selected="true" Width="100%" Height="100%">
                       <Items>
                           <telerik:RadPanelItem Value="AccountInformation" runat="server">
                           <ItemTemplate>
                                <br /><br />
                                <asp:TextBox runat="server" id="textBox1"></asp:TextBox>
                                <asp:TextBox runat="server" id="textBox2"></asp:TextBox>
                                <br />
                                <asp:TextBox runat="server" id="textBox3"></asp:TextBox>
                                <asp:TextBox runat="server" id="textBox4"></asp:TextBox>
                                <asp:TextBox runat="server" id="textBox5"></asp:TextBox>
                                <br /><br />
                            </ItemTemplate>
                        </telerik:RadPanelItem>
                       </Items>
                    </telerik:RadPanelItem>
                </Items>
                <CollapseAnimation Duration="200" Type="InQuart" />
                <ExpandAnimation Duration="400" />

    </telerik:RadPanelBar>


    <br />
    <br />
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%">
    <div >


        <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Outlook"
            DataSourceID="SqlDataSource1" GridLines="None" AllowPaging="True">
            <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
            <RowIndicatorColumn>
            <HeaderStyle Width="20px"></HeaderStyle>
            </RowIndicatorColumn>

            <ExpandCollapseColumn>
            <HeaderStyle Width="20px"></HeaderStyle>
            </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridBoundColumn DataField="CHANGEDATE" DataType="System.DateTime"
                        HeaderText="CHANGEDATE" SortExpression="CHANGEDATE" UniqueName="CHANGEDATE">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CHANGEBY" HeaderText="CHANGEBY"
                        SortExpression="CHANGEBY" UniqueName="CHANGEBY">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ID_CHANGETYPE" DataType="System.Int32"
                        HeaderText="ID_CHANGETYPE" SortExpression="ID_CHANGETYPE"
                        UniqueName="ID_CHANGETYPE">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="TABLENAME" HeaderText="TABLENAME"
                        SortExpression="TABLENAME" UniqueName="TABLENAME">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="FIELD" HeaderText="FIELD"
                        SortExpression="FIELD" UniqueName="FIELD">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ZIPFILE_ID" DataType="System.Int32"
                        HeaderText="ZIPFILE_ID" SortExpression="ZIPFILE_ID" UniqueName="ZIPFILE_ID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ID_STATUS" DataType="System.Int32"
                        HeaderText="ID_STATUS" SortExpression="ID_STATUS" UniqueName="ID_STATUS">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="START_DELAY" DataType="System.Int32"
                        HeaderText="START_DELAY" SortExpression="START_DELAY" UniqueName="START_DELAY">
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:SIDTESTConnectionString %>"
            ProviderName="<%$ ConnectionStrings:SIDTESTConnectionString.ProviderName %>"
            SelectCommand="SELECT STATEMENT"></asp:SqlDataSource>

            </div>
</telerik:RadAjaxPanel>

</div>
</asp:Content>

This is my code.

Thanks

[Ales Savli]

Hi! I found my problem.

Height of the  RadPanelBar was not set to Height="100%". Now everithing works ok!