Expand All?

5 posts, 1 answers
  1. Steve
    Steve avatar
    1851 posts
    Member since:
    Dec 2008

    Posted 15 Dec 2011 Link to this post

    How can I expand all?

    I thought I saw some code in this demo to do it, but firebug keeps returning "undefined"

    var menucontainer = $("#menu");
     
    menucontainer.insertBefore($("#content-wrapper")); //Move the menu
    menucontainer.kendoPanelBar(); //Kendo the Menu
     
    menucontainer.data("kendoPanelBar").expand($("#menu .k-link"), true);
  2. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 16 Dec 2011 Link to this post

    Hi Steve,

    The demo you mention is reinitializing the PanelBar completely every time different animation is chosen. About the expand all question - you should pass to PanelBar the items you want expanded, not the links in them (use the .k-item selector).

    Greetings,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Steve
    Steve avatar
    1851 posts
    Member since:
    Dec 2008

    Posted 19 Dec 2011 Link to this post

    Hey Kamen,
      Thanks, k-item works :)

    Could we perhaps put in a feature request to have the panelbar items initialized AS expanded instead of spending processing time popping it open after it's created?

    Steve
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 19 Dec 2011 Link to this post

    Hello Steve,

    You can add it as a feature request on the Kendo UI Feedback page and we will consider implementing it if more people request it.

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Masaab
    Masaab avatar
    15 posts
    Member since:
    Nov 2013

    Posted 08 Sep 2014 Link to this post

    HTML
      <ul id="palettePanelBar">
    <li id="item1" class="k-state-active">
    <!--Some Data-->
    </li>
    <li id="item2">
    <!--Some Data for second item-->
      
    </li>
    </ul>



    Javascript

    var panelBar = $("#palettePanelBar").data("kendoPanelBar");
    panelBar.expand($('[id^="item"]'));
Back to Top
Kendo UI is VS 2017 Ready