This is a migrated thread and some comments may be shown as answers.

PanelBar template

3 Answers 108 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Marcin
Top achievements
Rank 1
Marcin asked on 04 Aug 2015, 07:22 AM
Hi,

Is it possible to modify PanelBar header with template like for notifications or validation?

Cheers,
Marcin Kurtz

3 Answers, 1 is accepted

Sort by
0
eo
Top achievements
Rank 1
answered on 04 Aug 2015, 06:41 PM

Hello Marcin,

 I don't think using templates is possible with the MVC wrappers, but there's always the possibility of ​​using HTML to customize the panel bar through .Content() as can be seen in this example. What exactly are you trying to do? 

0
Marcin
Top achievements
Rank 1
answered on 05 Aug 2015, 06:31 AM

I just want to move that arrow to the left with custom JS event on it. http://prntscr.com/810kge

I can do this using hack with JS, but cleaner and simpler solution is to have possibility to change JS template.

0
Accepted
eo
Top achievements
Rank 1
answered on 05 Aug 2015, 01:32 PM

Hello Marcin,

 Moving the arrow to the left can be done using css like this:

.k-panelbar .k-panelbar-expand,
.k-panelbar .k-panelbar-collapse
{
     
right: auto;
     
left: 2px;
}
  
ul.k-panelbar .k-link
{
    
padding-left: 2em;
}

As for the events, here is some documentation regarding how to work with different events using the MVC panelbar.

I hope this helps.

Tags
PanelBar
Asked by
Marcin
Top achievements
Rank 1
Answers by
eo
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Share this question
or