I'd like to be able to create a custom template for the PanelBar control's header (the actual bar portion) kind of like what I can do with the ngb-accordion control (https://ng-bootstrap.github.io/#/components/accordion/examples):

<ngb-accordion [closeOthers]="true">
	<ngb-panel *ngFor="let something of somethings">
		<ng-template ngbPanelTitle>
			Custom header content
		</ng-template>
		<ng-template ngbPanelContent>
			Some custom content
		</ng-template>
	</ngb-panel>
</ngb-accordion>

There's lots of content I would like to be able to include beyond just a simple icons and simple text. I might need links with ties to analytics to track expansion or maybe a "new" and/or "draft" icon positioned to the right of the text to indicate that it's a new item or a draft item, etc.

I'm looking at the samples of panel bar for Angular 2, I would like to set the orientation horizontal instead of vertical, I tried using the attribute orientation="horizontal", it does not seem to work, can you please advise ?

Thanx

Right now only one Item can be the currently selected item in a panel bar even if multiple are open. I suggest that we can set multiple selected items (more than one opened panel can have the selected class injected onto the header) 

One possible way this could be achieved is setting the selected attribute to True, and letting the developer deal with toggling the booleans on his end. (As of now, the panel bar will override the selected values as soon as one panel is selected) 

Hi,

Please provide the item as a context argument from the PanelBarItemTitle template.

thanks

Hi,

Please provide an option that allows to assign title and content templates via input properties of the PanelBar component itself (much like the TreeView component with 'nodeTemplate' and 'loadMoreButtonTemplate').

thanks

On state change of panel bar would like to confirm user if they want to navigate and only if user confirms yes then change state. otherwise cancel state change event.

Is there any other way to achieve this?

Hi Team, 

Currently, there is no designated event that is being fired when selecting an already selected item in the PanelBar component. I would like to have an event that is being fired in such a use case.

In React and jQuery, the PanelBar component seems to be firing an event in such cases:

- React: https://www.telerik.com/kendo-react-ui/components/layout/panelbar/events/

- jQuery: https://demos.telerik.com/kendo-ui/panelbar/events

Hi, Team!

Currently, when the PanelBar component is set to take up a specific percentage of its parent element(and the size of the parent element is also responsive) and the screen is resized, the dimensions of the PanelBar are not properly recalculated and the component causes changes in the page thus breaking the responsive design.

In Panelbar , when we set expandmode set to 'single' it do not toggle the item . it only works with expandmode 'multiple'. 

We should also allow to toggle a panelbar item in 'single' mode 
a use case could be -i want to close all of the items in single mode

An option to set visibility of a panelbar item would be great.

As it is now, if I bind to a collection of PanelBarItemModel items, I can't use title templates, and if I use *ngFor with panelbaritems, I can't set visibility. Especially if the visibility condition is an observable