PanelBar is not expanding/showing Items

2 posts, 0 answers
  1. Niko
    Niko avatar
    14 posts
    Member since:
    Jul 2012

    Posted 25 Jul 2012 Link to this post

    I have a PanelBar that is getting populated client-side via JS.  Below is a code example:

    var panel = $find('RadPanelBar');
    var rootItem = panel.findItemByText("RootItem");
    for (var i = 0; i < array.length; i++) {
        var item = new Telerik.Web.UI.RadPanelItem();

    This seems to serve it's purpose, I can inspect the root item after the loop and can see all the added child items.  

    The problem is when I click on this RadPanelBar root item, nothing happens.  The "expand/collapse" icon switches on click and any expand/collapse/click events are fired as normal, just no child Items are shown.  I have tried almost everything.

    Even when adding the RadPanelItems statically at design time, I see the same problem.  
    <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%" Height="600px">
            <telerik:RadPanelItem runat="server" Text="TestRoot" Expanded="True">
                    <telerik:RadPanelItem Text="TestChild">

    This also has the same outcome, can't expand to see the child item.

    Any ideas?  Am I missing something?
  2. Kate
    Kate avatar
    1898 posts

    Posted 30 Jul 2012 Link to this post

    Hello Niko,

    I tested the issue that you describe but I could not get the described behavior. Here is a short video demonstrating how the control behaves from my side.

    Kind regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top