Dynamic filled panel is not collapsed

[Hadar Kaufman]

I have a rad panel bar with 2 panels:

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Web20" Width="100%">
    <CollapseAnimation Type="InBack"></CollapseAnimation>
    <Items>
        <telerik:RadPanelItem Text="<%$Resources:RESX_SwitchSettings %>" Expanded="True"
            Value="tblConfiguration">
            <ItemTemplate>
                <asp:Table runat="server" ID="tblConfiguration" BorderWidth="1" CellSpacing="5" CellPadding="5"
                    >
                </asp:Table>
            </ItemTemplate>
        </telerik:RadPanelItem>
        <telerik:RadPanelItem Value="tblConfigurationAdvanced" Text="<%$Resources:RESX_AdvancedSwitchSettings %>" Expanded="false">
            <ItemTemplate>
                <asp:Table runat="server" ID="tblConfigurationAdvanced" BorderWidth="1" CellSpacing="5"
                     CellPadding="5">
                </asp:Table>
            </ItemTemplate>
        </telerik:RadPanelItem>

</Items>
</telerik:RadPanelBar>

I populate these table in the code behind (successfully). however, when i click on the panel bar of each panel the panels won't collapse. any ideas why?

[Paul]

Hi Hadar,

You cannot collapse a header panel item with a template. Here's a sample:

Item1
--template
Item2
--template

In this case, you cannot collapse Item1 and Item2.

Here's how the panelbar structure should look as to achieve your goal:

Item1
-- (RadpanelItem without text)
    --template
Item2
-- (RadpanelItem without text)
    --template
Greetings,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Hadar Kaufman]

Hi,
I did so, but now I can't see any collapsible header:

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Office2007" Width="100%">
    <CollapseAnimation Type="InBack"></CollapseAnimation>
    <Items>
        <telerik:RadPanelItem Selected="true" Expanded="true">
            <ItemTemplate>
                <telerik:RadPanelItem Text='<asp:Literal runat="server" Text="<%$Resources:RESX_SwitchSettings%>" />'
                    Expanded="True" Value="tblConfiguration">
                    <ItemTemplate>
                        <asp:Table runat="server" ID="tblConfiguration" CellSpacing="5" CellPadding="5">
                        </asp:Table>
                    </ItemTemplate>
                </telerik:RadPanelItem>
            </ItemTemplate>
        </telerik:RadPanelItem>
        <telerik:RadPanelItem>
            <ItemTemplate>
                <telerik:RadPanelItem Value="tblConfigurationAdvanced" Text='<asp:Literal ID="Literal1" runat="server" Text="<%$Resources:RESX_AdvancedSwitchSettings %>" />'
                    Expanded="false">
                    <ItemTemplate>
                        <asp:Table runat="server" ID="tblConfigurationAdvanced" CellSpacing="5" CellPadding="5">
                        </asp:Table>
                    </ItemTemplate>
                </telerik:RadPanelItem>
            </ItemTemplate>
        </telerik:RadPanelItem>
</Items>
    <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
</telerik:RadPanelBar>

[Paul]

Hi Hadar Kaufman,

Here's your modified code snippet that should works as expected.

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Office2007" Width="100%">
    <CollapseAnimation Type="InBack"></CollapseAnimation>
    <Items>
    <telerik:RadPanelItem Selected="true" Expanded="true" Text="<%$Resources:RESX_SwitchSettings%>">
        <Items>
        <telerik:RadPanelItem Value="tblConfiguration">
            <ItemTemplate>
            <asp:Table runat="server" ID="tblConfiguration" CellSpacing="5" CellPadding="5">
            </asp:Table>
            </ItemTemplate>
        </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelItem>
    <telerik:RadPanelItem Text="<%$Resources:RESX_AdvancedSwitchSettings %>" Expanded="false">
        <Items>
        <telerik:RadPanelItem Value="tblConfigurationAdvanced">
            <ItemTemplate>
            <asp:Table runat="server" ID="tblConfigurationAdvanced" CellSpacing="5" CellPadding="5">
            </asp:Table>
            </ItemTemplate>
        </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelItem>
    </Items>
    <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
</telerik:RadPanelBar>

Sincerely yours,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.