This is a migrated thread and some comments may be shown as answers.

Dynamic filled panel is not collapsed

3 Answers 81 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Hadar Kaufman
Top achievements
Rank 1
Hadar Kaufman asked on 17 Feb 2009, 04:48 PM
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?

3 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 18 Feb 2009, 08:06 AM
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.
0
Hadar Kaufman
Top achievements
Rank 1
answered on 22 Feb 2009, 03:53 PM
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> 
 
0
Paul
Telerik team
answered on 25 Feb 2009, 10:09 AM
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.
Tags
PanelBar
Asked by
Hadar Kaufman
Top achievements
Rank 1
Answers by
Paul
Telerik team
Hadar Kaufman
Top achievements
Rank 1
Share this question
or