Panelbar not working when using expanded: true in datasource

4 posts, 0 answers
  1. Ron
    Ron avatar
    65 posts
    Member since:
    Oct 2010

    Posted 23 Jun Link to this post

    Hi,

    I am experiencing a problem with panelbar with the latest kendo ui release. When using a (local) datasource which contains items with the 'expanded' option set to true, the corresponding panelbar item doesn't work. Neither the item gets expanded by default, the item does not expand when clicking the item.

    Reverting back to an older version, for instance Kendo UI R3 SP2, thing are working properly. I have tried making a dojo example but at the moment I don't seem to be able to save the example ("Failed to create snippet"). I will add the code at the end of this psot.

    On a side note: when using 'contentUrl', the content doesn't get loaded when clicking the non-responsive item. This might be as a result to the item not being expanded properly.

    Regards,
    Ron

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Untitled</title>
     
     
       
      <script>
    $(document).ready(function() {
     
      $("#kendoBar").kendoPanelBar({
        dataSource: [{
          text: 'Test expanded not present (WORKING)',
          expanded: false,
          content: "Will work because no expanded option is provided"
        }, {
          text: 'Test expanded option is present (NOT WORKING)',
          expanded: true,
          content: "Will not work with the expanded option"
        }]
      });
     
    });
      </script>
      </head>
    <body>
       
    <h2>Kendo PanelBar v2017.2.504 not working</h2>
    <h3>Test kendoPanelBar: expanded: true not working</h3>
    <div id="kendoBar"></div>
    <p>
      Also: contentUrl is not loaded on load, but is loaded when clicked on the item
    </p>
     
    </body>
    </html>
  2. Ron
    Ron avatar
    65 posts
    Member since:
    Oct 2010

    Posted 23 Jun in reply to Ron Link to this post

    Note: in the example I posted, the first item in the datasource originally didn't include 'expanded: false'. But the result is the same. Only the item with 'expanded: true' doesn't behave correctly.
  3. Ron
    Ron avatar
    65 posts
    Member since:
    Oct 2010

    Posted 23 Jun in reply to Ron Link to this post

    NOTE: in the example I posted, the first item in the datasource orginally didn't contain the option 'expanded: false'. But the results are the same. Only the option with 'expanded: true' will not behave correctly.
  4. Plamen
    Admin
    Plamen avatar
    2812 posts

    Posted 27 Jun Link to this post

    Hi,

    Thank you for reporting the issue.

    I have logged it for fixing here. Please excuse us for this inconvenience caused. We will do our best to fix it as soon as possible.

    Regards,
    Plamen
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top