Skip to main content
Version: v11.7.1

Setting partial page content for Panel within a List using JavaScript

We will see how the content of a Panel can be set to a Partial Page. We will be embedding the Panel within a List and use JavaScript to trigger the loading of the Partial Page content.

$scope.panel1Expand = function($event, $isolateScope, item, currentItemWidgets) {
_.forEach($('[name="livelist1"]> ul .app-panel'), function(object) {
$(object).isolateScope().expanded = false;
currentItemWidgets.panel1.expanded = true;