Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to place VTB(Visual Task Board) on Dashboard

simha11
Tera Expert

Hi Team,

I want to display a visual task board on dashboard.Can you please instruct same

 

Thanks,  Simha

1 REPLY 1

sachin_namjoshi
Kilo Patron
Kilo Patron

1. Go to System UI > UI Page > New

 

Name: vtb_page

 

XML:

 

 

 

 

 

  1. <?xml version="1.0" encoding="utf-8" ?>  
  2. <j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">  
  3. <iframe src="$vtb.do" style="width: 100%; height: 700px;"/>  
  4. </j:jelly>  

2. Go to System UI > Widgets > NewName: Visual task Board WidgetScript:

 

  1. function sections() {  
  2.       return {  
  3.               'Visual Task Boards': {  
  4.                       'type': 'vtb_page'  
  5.               }  
  6.       };  
  7. }  
  8.  
  9.  
  10. function render() {  
  11.       var scope = gs.getCurrentScopeName();  
  12.       scope = (scope == 'rhino.global' ? '' : scope + '_');  
  13.       var page = renderer.getPreference('type');  
  14.       return renderer.getRenderedPage(scope + page);  
  15. }  
  16.  
  17.  
  18. function getEditLink() {  
  19.       var scope = gs.getCurrentScopeName();  
  20.       scope = (scope == 'rhino.global' ? '' : scope + '_');  
  21.       var page = renderer.getPreference('type');  
  22.       return "sys_ui_page.do?sysparm_query=name=" + scope + page;  
  23. }  

 

 

3. Go to any homepage > Add content

 

4. Search for 'Visual Task boards' then add it to homepage.

 

 

 

Useful documentation for creating and configuring widget script:

 

Create a widget that displays a ServiceNow UI page

 

Regards,

Sachin