Home / Community / Forums / ASP.NET > Panelbar > Panels expanding problem

• Brandon

  Posted on Nov 11, 2008 (permalink)

  I have set the radpanel to have all of the group pages expanded by overriding the .rpSlide class with display: block instead of display none. This works fine when I click the menu items from top to bottom all of the panels stay expanded. But the problem happens when I click a link from the bottom the group panel at the top collapses. Is there anyway to fix this? I would appreciate any help on this.
  

  Reply

• Telerik Admin

  Posted on Nov 18, 2008 (permalink)

  Hello Brandon,
  
  Frankly, I don't think that overriding the .rpSlide class is the best way in achieving your goal. You can easily achieve the same by setting the Expanded property of the item to true and prevent the collapse with few lines of JS.

  <form id="form1" runat="server">

  <asp:ScriptManager ID="ScriptManager1" runat="server">

  </asp:ScriptManager>

  <script type="text/javascript">

  function OnClientItemClicking(sender, eventArgs)

  {

  var item = eventArgs.get_item();

  if (item.get_expanded() == true)

  {

  eventArgs.set_cancel(true);

  }

  }

  </script>

  <telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnClientItemClicking="OnClientItemClicking">

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

  <Items>

  <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1" Expanded="true">

  <Items>

  <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">

  </telerik:RadPanelItem>

  <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">

  </telerik:RadPanelItem>

  </Items>

  </telerik:RadPanelItem>

  <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2" Expanded="true">

  <Items>

  <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">

  </telerik:RadPanelItem>

  </Items>

  </telerik:RadPanelItem>

  <telerik:RadPanelItem runat="server" Text="Root RadPanelItem3" Expanded="true">

  <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 Duration="100" Type="None" />

  </telerik:RadPanelBar>

  </form>

  Sincerely yours,

  Paul
  the Telerik team

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

  Reply

Back to Top

Home / Community / Forums / ASP.NET > Panelbar > Panels expanding problem