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

Panelbar not working when using expanded: true in datasource

3 Answers 611 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Veteran
Ron asked on 23 Jun 2017, 09:05 AM

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>

3 Answers, 1 is accepted

Sort by
0
Ron
Top achievements
Rank 1
Veteran
answered on 23 Jun 2017, 09:08 AM
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.
0
Ron
Top achievements
Rank 1
Veteran
answered on 23 Jun 2017, 09:09 AM
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.
0
Plamen
Telerik team
answered on 27 Jun 2017, 07:05 AM
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.
Tags
PanelBar
Asked by
Ron
Top achievements
Rank 1
Veteran
Answers by
Ron
Top achievements
Rank 1
Veteran
Plamen
Telerik team
Share this question
or