The Zurich release has arrived! Interested in new features and functionalities? Click here for more

Adam Stout
ServiceNow Employee
ServiceNow Employee

Dashboards are more than Reports and Performance Analytics widgets.  They are part of the Now Platform and all the functionality that brings.  One of my favorite features on the platform are Visual Task Boards

If you are not familiar with VTBs as they are often called, here is a quick description: 

A faster, easier way to work. Visual Task Boards turn any list into a Kanban‑like task board, offering an intuitive, graphical alternative for working with any ServiceNow application. The task board displays records as “cards” in a drag‑and‑drop interface, allowing you to rapidly change state or recategorize work. An activity stream embedded within the board shows all recent activity so you can see changes in real-time. 

VTBs help me quickly visualize and manage my day to day work.  The problem I had was that I found myself switching back between my VTB and my dashboard.  Thanks to the power of the Now Platform, I can add my VTB to my dashboard to seamlessly review reports and take action at the same time. 

For those of you who are in my shoes of switching back and forth between Dashboards and VTBs, here is how you can add your VTB to your dashboard. 

How to Add a Visual Task Board to a Dashboard  

Prerequisites 

We need to create a content block, so we need content_admin to do so.  For this blog, we’ll assume you have a dashboard and VTB to add. 

Get the VTB URL 

To get started, we’ll need to navigate to the VTB.  Here is my VTB: 

find_real_file.png

Once there, click on the I icon to open the info panel and copy the URL. 

 find_real_file.png

Create iFrame 

Now that we have the URL, we can create an iFrame to allow us to load it on a dashboard.  [This is the part that requires content_admin]. 

Navigate to the iFrame module in Content Management. 

find_real_file.png 

Once there, click new and create an iFrame like this one: 

find_real_file.png

Give it a name that you can easily pick when browsing for it.  We’ll hide the name on the dashboard, so verbose is ok.   

Set the sizing to “Expand to fit content” instead of the default fixed size. 

Set the URL (removing the instance name and just using the value starting with “/$vtb.do”.  It should look something like this: 

/$vtb.do?sysparm_board=60c24a1ddb2ac010e67583243996193b 

Add the Content Block to Dashboard 

Now that we have the content block created navigate to your dashboard.  Create a tab for your VTB and click to add a new widget.  Browse the Content Blocks and search for the name you gave your iFrame content block. 

find_real_file.png

Once added, resize to fill your tab.  Then click on the gear in the top right corner of the widget (which may be hidden) to edit the widget properties. 

find_real_file.png 

Hide the border and the title. 

find_real_file.png

Enjoy your VTB on your Dashboard 

You’re done.  That is all it took. 

find_real_file.png

Conclusion 

In a few quick minutes, we added a seemingly unrelated page directly onto our dashboard to make work easier and faster.  The Now Platform is awesome.   

Don't be afraid to explore and push the limits.  Not everything may work on a dashboard (be sure to test your blocks and be aware of embedding objects several levels deep), but you might be surprised at what does.  What else do you need to see regularly?  A KB article?  A Service Catalog item?  What would make life better for my users? 

If you are looking for other ideas on what to add, check out this blog on Making Better Looking Dashboards

Post some comments here and let me know what you have added to your dashboard to work better for your users.

12 Comments