PanelBar template

4 posts, 1 answers
  1. Marcin
    Marcin avatar
    4 posts
    Member since:
    Jul 2015

    Posted 04 Aug 2015 Link to this post

    Hi,

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

    Cheers,
    Marcin Kurtz
  2. eo
    eo avatar
    27 posts
    Member since:
    Jul 2015

    Posted 04 Aug 2015 Link to this post

    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? 

  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Marcin
    Marcin avatar
    4 posts
    Member since:
    Jul 2015

    Posted 05 Aug 2015 in reply to eo Link to this post

    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.

  5. Answer
    eo
    eo avatar
    27 posts
    Member since:
    Jul 2015

    Posted 05 Aug 2015 Link to this post

    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.

Back to Top
UI for ASP.NET MVC is VS 2017 Ready