Completed
Last Updated: 27 Jul 2021 08:06 by ADMIN
Imported User
Created on: 25 Jun 2014 13:15
Category: Templates
Type: Feature Request
4
Support templates in PanelBar
Add support for templating panelbar items (separate templates for first (header) and second (items) level). 
4 comments
ADMIN
Maria Ivanova
Posted on: 27 Jul 2021 08:06

Hi Folks,

The PanelBar supports templating options on all levels - demo on how to customize parent/child items can be found here.

Kind Regards,
Maria Veledinova
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Sam
Posted on: 13 Jul 2017 09:08
I would like to be able to acheive the following;

<pre> 
<div kendo-panel-bar="$ctrl.panel" k-options="$ctrl.panelOptions">
  <div k-header-template>
    {{dataItem.name}}
  </div>
  <div k-template>
    <div style="padding:10px;">
      {{dataItem.id}}
    </div>
  </div>
</div>
</pre> 
Currently, only k-template is supported and it renders the entire template into the header.

This in my opinion makes the panel bar almost useless as you cannot render the content you wish within each panel.
Sam
Posted on: 13 Jul 2017 09:07
I would like to be able to acheive the following;

<code>
<div kendo-panel-bar="$ctrl.panel" k-options="$ctrl.panelOptions">
  <div k-header-template>
    {{dataItem.name}}
  </div>
  <div k-template>
    <div style="padding:10px;">
      {{dataItem.id}}
    </div>
  </div>
</div>
</code>
Currently, only k-template is supported and it renders the entire template into the header.

This in my opinion makes the panel bar almost useless as you cannot render the content you wish within each panel.
Sam
Posted on: 13 Jul 2017 09:05
I would like to be able to acheive the following;

```
<div kendo-panel-bar="$ctrl.panel" k-options="$ctrl.panelOptions">
  <div k-header-template>
    {{dataItem.name}}
  </div>
  <div k-template>
    <div style="padding:10px;">
      {{dataItem.id}}
    </div>
  </div>
</div>
```

Currently, only k-template is supported and it renders the entire template into the header.

This in my opinion makes the panel bar almost useless as you cannot render the content you wish within each panel.