Embedding StatusPage.io into Service Portal

JamesT-1
Tera Contributor

‎05-10-2023 09:03 AM

Can anyone provide some insight on how to embed a StatusPage from StatusPage.io into a Service Portal widget? I saw that StatusPage.io (see links below) has an API embed feature, but my problem is I do not know how to embed via API into ServiceNow. 

 

https://support.atlassian.com/statuspage/docs/build-your-own-status-embed/

https://developer.statuspage.io/#tag/status-embed-config

 

Thanks,
Tony

0 Helpfuls
  • 1,605 Views
2 REPLIES 2

DrewW
Mega Sage
Mega Sage

‎05-10-2023 09:21 AM

Not sure about the API's and stuff but you can use an iFrame by doing the following with a Service Portal widget.

HTML

<div>
<iframe ng-src="{{target_url}}" width="100%" height="100%" style="border:none;">
</div>

 

Server Script

(function() {

	data.link = "URL_GOES_HERE";

})();

 

Client Controller

function($scope, $sce) {

    var c = this;
    $scope.target_url = $sce.trustAsResourceUrl(c.data.link);

}

 

0 Helpfuls

JamesT-1
Tera Contributor

‎05-10-2023 09:24 AM - edited ‎05-17-2023 10:00 AM

Thanks for the suggestion Drew. I considered an an iFrame, but an iFrame:

 

1. Embeds in the entire webpage of the url. Not ideal when you just want a specific section of a web page such as what I'm dealing with.
2. Scroll bars. You can hide a scroll bar in an iFrame but you take away the ability to expand as the targeted webpage expands.

 

Thanks,
Tony

0 Helpfuls