panelbar with itemtemplate

[appdev]

i have a banner bar with itemtemplate but it doesn't seem to be working.  I can see the company reports and my reports but i can't have it expand and see the content inside of it. if i leave the way like the code is now it shows all and doesn't collapse. if i set the visible to false on the table i can't expand the item. here is the code below. what did i do wrong please help me. thank you very much.

<telerik:RadScriptManager ID="ScriptManager" runat="server" />

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem">

<CollapseAnimation Duration="100" Type="None" />

<Items>

<telerik:RadPanelItem runat="server" Text="Company Reports" Expanded="false">

<ItemTemplate>

<asp:Table runat="server" ID="tableCompanyReports" BorderWidth="0" CellPadding="0" CellSpacing="0">

<asp:TableRow>

<asp:TableCell>

<asp:DropDownList runat="server" ID="ComapnyReports"></asp:DropDownList>

</asp:TableCell>

<asp:TableCell>

<asp:Button runat="server" ID="Next" Text="Next" />

<asp:Button runat="server" ID="Save" Text="Save As" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</ItemTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="My Reports" Expanded="false">

<ItemTemplate>

<asp:Table runat="server" ID="tableMyReports" BorderWidth="0" CellPadding="0" CellSpacing="0">

<asp:TableRow>

<asp:TableCell>

<asp:DropDownList runat="server" ID="MyReports"></asp:DropDownList>

</asp:TableCell>

<asp:TableCell>

<asp:Button runat="server" ID="ModifyReport" Text="Modify Report" />

<asp:Button runat="server" ID="BuildNewReport" Text="Build New Report" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<ExpandAnimation Duration="100" Type="None" />

</telerik:RadPanelBar>

[Serrin]

Hey Duy,

Have you tried placing the dropdownbox and buttons in a child panelitem, like below?

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem">
<CollapseAnimation Duration="100" Type="None" />
<Items>
<telerik:RadPanelItem runat="server" Text="Company Reports" Expanded="false">
    <Items>
        <telerik:RadPanelItem runat="server" Text="ReportChild"><ItemTemplate>
        <asp:Table runat="server" ID="tableCompanyReports" BorderWidth="0" CellPadding="0" CellSpacing="0">
        <asp:TableRow>
        <asp:TableCell>
        <asp:DropDownList runat="server" ID="ComapnyReports"></asp:DropDownList>
        </asp:TableCell>
        <asp:TableCell>
        <asp:Button runat="server" ID="Next" Text="Next" />
        <asp:Button runat="server" ID="Save" Text="Save As" />
        </asp:TableCell>
        </asp:TableRow>
        </asp:Table> </ItemTemplate>
        </telerik:RadPanelItem>
    </Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="My Reports" Expanded="false">
    <Items>
        <telerik:RadPanelItem runat="server" Text="ReportsChild2"><ItemTemplate>
        <asp:Table runat="server" ID="tableMyReports" BorderWidth="0" CellPadding="0" CellSpacing="0">
        <asp:TableRow>
        <asp:TableCell>
        <asp:DropDownList runat="server" ID="MyReports"></asp:DropDownList>
        </asp:TableCell>
        <asp:TableCell>
        <asp:Button runat="server" ID="ModifyReport" Text="Modify Report" />
        <asp:Button runat="server" ID="BuildNewReport" Text="Build New Report" />
        </asp:TableCell>
        </asp:TableRow>
        </asp:Table> </ItemTemplate>
        </telerik:RadPanelItem>
    </Items>
</telerik:RadPanelItem>
</Items>
<ExpandAnimation Duration="100" Type="None" />
</telerik:RadPanelBar>

Is that the kind of functionality that you are looking for? 

If not let me know and I'll try to help you troubleshoot a little more. :)

-Serrin

[appdev]

yes that does work now but my problem now is i can't get the control inside of it i was trying to bind the data into the dropdown list but i couldn't get it. it doesn't see my dropdownlist for some reason. i tried to put my ddl out side of the radpanel and it worked fine and i could bind data. could you help? thanks.

[Serrin]

Hey Duy, 

Wow, I lucked out because I found this online demo while trying to figure out something else today.  It has info on the FindControl method and using that with RadPanelBar.

Access nested controls in RadPanelBar

Let me know if this works for you...  I am gonna be using the panelbar in a future idea I have for a site (only exists in a notebook right now >.<) but I hope it's as easy as the demo makes it seem. :)

[appdev]

but now it doesn't expand or collapse anymore.

[appdev]

ok it will work as long as you have
radpanelbar
    item
        radpanelitem
            item
            radpanelitem
                itemtemplate

why is this? why do i need to have second radpanelitem?

[Paul]

Hello Duy,

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

Regards,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.