PanelBar content

[Michael]

Hi

I would like to use the panelbar control to organise a number of panes in a similar way to Outlooks left hand organiser. However, I would like to be able to insert other controls in each of the panes. This appears to work when I insert the controls within the <ItemTemplate> tag. The problem is that I'm then not able to then close the bar. I've created a simple example of what I mean here below. You'll see that the first pane in the panelbar is not able to be closed.

Any thoughts appreciated.

Michael

    <telerik:RadPanelBar ID="RadPanelBar1" Runat="server" Skin="Outlook" Height="321px">
        <CollapseAnimation Type="None" Duration="100"></CollapseAnimation>

        <Items>
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1">
                <ItemTemplate>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </ItemTemplate>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">
                <Items>
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem3">
                <Items>
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
        </Items>

        <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
    </telerik:RadPanelBar>

[Ed]

Hi there,

You are missing the following lines from your template item (sorry for the loss of colour etc., I can't seem to copy and paste the code in Firefox):

    <telerik:RadPanelBar ID="RadPanelBar1" Runat="server" Skin="Outlook" Height="321px">  
        <CollapseAnimation Type="None" Duration="100"></CollapseAnimation>
 
        <Items>
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1">  
            <Items>
            <telerik:RadPanelItem>
                <ItemTemplate>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </ItemTemplate>
            </telerik:RadPanelItem>
            </Items>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">
            ...

Cheers,

Ed

[Michael]

Works great now.

Thanks, Ed