My aim here is to embed the Report widget into a Bootstrap Tab Menu in the Service Portal. I have activated the Performance Analytics and Reporting service portal widget, which allows me to drag and drop the report widget into my container. When I drag and drop the report widget and select the report I want, the report is visible on the page, but if I try to embed the same report into the tab menu, I am unable to see the report and I can only see "Select a report in widget options!".
HTML Code:
<div class="tabbable-panel">
<div class="tabbable-line">
<ul class="nav nav-tabs ">
<li class="active">
<a href="#tab_default_1" data-toggle="tab">
Comp </a>
</li>
<li>
<a href="#tab_default_2" data-toggle="tab">
Policy </a>
</li>
<li>
<a href="#tab_default_3" data-toggle="tab">
Risk </a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_default_1">
<sp-widget widget=" c.reportWidget"></sp-widget>
</div>
<div class="tab-pane" id="tab_default_2">
<widget id="report"></widget>
</div>
<div class="tab-pane" id="tab_default_3">
<widget id="report"></widget>
</div>
</div>
</div>
</div>Client Script:
function(spUtil) {
/* widget controller */
var c = this;
spUtil.get("report", {sys_id: "<my-report-id>"}).then(function(response) {
c.reportWidget = response;
});
}
