I have a panel bar being used as mobile navigation for URLs. It's a hierarchical setup so the child items will navigate, but not the root items which also have navigation landing pages. A longer click would be ideal, or a double click.

PanelBarItem panelBarItem = new()
{
  Id = menuItem.PageId,
  Text = menuItem.PageTitle,
  ParentId = menuItem.PageChildId,
  HasChildren = menuItem.HasChildren,
  Url = menuItem.PageURL,
  Icon = menuItem.Icon
};

<TelerikDrawer @ref="@Drawer"
               Data="@DrawerData"
               MiniMode="false"
               Mode="@DrawerMode.Overlay"
               Class="DrawerClass"
               @bind-Expanded="@IsDrawerOpen">
  <Template>
    <TelerikPanelBar Data="@PanelBarItems" ExpandMode="PanelBarExpandMode.Single" OnItemClick="@PanelBarClickHandler">
      <PanelBarBindings>
        <PanelBarBinding>
          <HeaderTemplate Context="PanelBarContext">
           @{
              var item = PanelBarContext as PanelBarItem;
              <b>@item?.Text</b>
            }
          </HeaderTemplate>
        </PanelBarBinding>
      </PanelBarBindings>
    </TelerikPanelBar>
  </Template>
</TelerikDrawer>

I am currently using PanelBarBinding.ContentTemplate in conjonction with RenderTreeBuilder and I am able to have different content per panel.

My problem is when I close one of the panes, it removes itself from the DOM. Please provide a way to keep the panes in the DOM (at least when open once) like the PersistTabContent feature of TelerikTabStrip.

Currently, the PanelBar does not have a concept for selection. When I click on an item, it looks like "selected" due to the background but there is no way I can save that selection or set it programmatically if I need to retrieve the selected state at some point.

===

ADMIN EDIT

===

For the time being, you can use the OnItemRender event and some custom CSS to visually mark the desired item as selected: https://blazorrepl.telerik.com/GobwQhly107nUDoZ51.

If you need to get the item that the user last "selected", you can use the OnItemClick event as we mark the item as selected when the user clicks on it.

While I find that many of your controls are useful; the ones I really want to use.  Accordion, Drawer, and Menu are limited to being data bound only.  I would really like the ability to make items in a declarative format.  Can you please consider this for future builds?

Currently, it is possible to expand or collapse PanelBar items programmatically.

There should be a way to prevent a specific PanelBar item from collapsing or expanding.

Please expose cancellable OnExpand and OnCollapse events similar to other components. This will give developers the ability to apply custom interaction based on their scenario.

I want to set the height of my panelbar and have longer content scroll.