How to show Timeline page and Calender in service Portal?

saptashwa_chakr · ‎04-04-2017

Hi All,

I had faced some troubles while doing some service Portal Design works. Those are the followings:

I want to show the Timeline page in a Service Portal page.
I want to show a calendar view in Service Portal. (Like On Call schedule).

I have created an application which is used for loan purpose. Now I want to show the Loan Requests in calendar format, i.e on which day how many requests are submitted on which day. I want a calendar like page to show.

Please Help me out and share your reviews.

rgm276 · ‎04-05-2017

I was able to create a new page and widget to show reports in an iFrame on the service portal

here is a simple example of how I was able to do that

==============================

Create a new report view widget

HTML

<img src="Loading.gif" width="30" height="30"/> L O A D I N G...

</div>

$(document).ready(function() {

$('#main').css('height', ($(window).height()+10)+'px');

$("#iframeDiv").closest('.col-md-8').toggleClass('col-md-8 col-md-offset-4 col-md-8');

});

</script>

</div>

CLIENT SCRIPT

function($scope,$rootScope) {

/* widget controller */

var c = this;

$scope.url="sys_report_template.do?jvar_report_id=4875b140c611227b0182454ee743c7d7";

var myIframe = document.getElementById('main');

myIframe.addEventListener("load", function() {

this.contentWindow.document.getElementById("reportform_control").style.display='none'; // hide report controls from users

});

}

*note* ideally you could make the url an instance property for long-term usability

==================================

next create a new page called 'report viewer' and add the report viewer widget to the page

========================

Then you can add a link anywhere to call your new page and display your report in service portal

for example if I added a new link to the OOB header to call my new report page like this

Resulting in output that looks like this

I presume that you can do this w/ the timeline page once you know the URL you want to display in the iFrame

hope this helps you

saptashwa_chakr · ‎04-08-2017

Thanks Robert,

Thanks for sharing. This is really a nice done by you. I will let you know if I will face some problems.

Thanks,

Saptashwa

srinivasr · ‎08-28-2018

were you able achieve the timelines in SP?

Jan Janou_ek · ‎05-10-2022

Hello,

is it possible to show outages in the calendar view? I´ve tried to use "cmdb_ci_outage_list.do" but it shows a table even if I try "this.contentWindow.document.getElementById("outagesform_control").style.display='none'; ".

Thx!

Edit: I created a new outage report and Im able to get it on SP! But outages are not visible due to security constraints... I can handle it but the report is static and doesnt show a new outages.

Edit 2: It works with new outages just PDI is too slow 🙂 So I have to try it on our DEV.