How do I prevent a PanelBar item from getting "k-state-selected"

[Michael]

I have a sidebar menu with a panelbar and i use the routerlink to navigate to components.

When i click a panelbar item the background changed - class k-state-selected was added. Can i prevent that?

[Hetali]

Hi Michael,

Yes, by setting the selectable property of the PanelBarComponent to false, the class k-state-selected does not get added to the PanelBar item. For example:

<kendo-panelbar [selectable]="false">
  <kendo-panelbar-item [title]="'Communication'">
  </kendo-panelbar-item>
</kendo-panelbar>

In this StackBlitz example, the background of the PanelBar item does not change on click as it does not add the k-state-selected class.

I hope this helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

[Michael]

Hi Hetali!

Thx for the example - [selectable] works!