I am using RadPanelBar throughout my site and it works fine. But suddenly when I try to add another one on a user control, I get some weird behavior. The expandmode I'm using on the site is MultipleExpandedItems and that's what I would like to use in this user control. I've spent hours on this and have tried to approach it from different directions. I'm finally at the point where I copied the demo from Telerik and still getting the weird results. Here's my current test user control.
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TestUserControl.ascx.cs" Inherits="UserControls.TestUserControl" %>
<
div
>
<
telerik:RadPanelBar
runat
=
"server"
ID
=
"RadPanelBar1"
ExpandMode
=
"MultipleExpandedItems"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"Panel 1"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"Item 1"
/>
<
telerik:RadPanelItem
Text
=
"Item 2"
/>
<
telerik:RadPanelItem
Text
=
"Item 3"
/>
</
Items
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
Text
=
"Panel 2"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"Item 4"
/>
<
telerik:RadPanelItem
Text
=
"Item 5"
/>
<
telerik:RadPanelItem
Text
=
"Item 6"
/>
</
Items
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
</
div
>
The panels render as collapsed and when you click on them nothing happens. However, when I change the ExpandMode to SingleExpandedItem then suddenly it works. Why does it only work on SingleExpandedItem mode in my user control but not in MultipleExpandedItems mode? And why does MultipleExpandedItems work everywhere else on my site?