Creating a report page in the ServiceNow portal

If you want to prepare a dashboard-report page in the ServiceNow portal, you first need to have prepared the relevant reports on the navigation page and clicked “Publish”.

Then, after preparing your main page in ServiceNow where these reports will appear, all you need to do is create a widget with an HTML area in a structure similar to the code below and add it to this page.

<div class="col-lg-4">
    <iframe class="embed-responsive-item" 
            ng-src="sys_report_display.do?sysparm_report_id=01a8f532df01110068c37a0d3df2635a" 
            height="500px" 
            width="100%" 
            frameborder="0" 
            scrolling="no" 
            allowfullscreen>
    </iframe>
  </div>
  <div class="col-lg-4">
    <iframe class="embed-responsive-item" 
            ng-src="sys_report_display.do?sysparm_report_id=01a8f532df01110068c37a0d3df2635a" 
            height="500px" 
            width="100%" 
            frameborder="0" 
            scrolling="no" 
            allowfullscreen>
    </iframe>
  </div>
  <div class="col-lg-4">
    <iframe class="embed-responsive-item" 
            ng-src="sys_report_display.do?sysparm_report_id=01a8f532df01110068c37a0d3df2635a" 
            height="500px" 
            width="100%" 
            frameborder="0" 
            scrolling="no" 
            allowfullscreen>
    </iframe>  
  </div>

  <!--<a href="?id={{portal.homepage_dv}}" class="btn btn-default btn-lg m m-b-0">Back to Home</a>-->

The sys_id marked in red below must be the sys_id of the report you previously prepared and published.

report_id=01a8f532df01110068c37a0d3df2635a