Integrations: How do I create a dashboard using XML and HTML?



How do I use XML, JavaScript, and HTML to create a custom dashboard?


  • Integrations
  • Partner Portal


Download the necessary files 

Install the CORS plugin

This installs the Allow-Control-Allow_Origin plugin for Google Chrome. It is necessary for the dashboard to pull data. CORS can be enabled and disabled by clicking on the plugin icon. 

Set up the URL for the XML feed

1. From the Partner Portal, select Admin from the menu bar, then select Integrations from the drop-down menu.

Figure 1: The Partner Portal Admin menu (click to enlarge)

2. Click Device Information under the XML Feeds heading.

Figure 2: XML and alert information (click to enlarge)

3. This will open a new browser page with the XML feed's URL in the address bar. Copy that URL to the clipboard. 

Figure 3: The XML feed URL 

4. Using a text editor, open the downloaded dashboard.js file Paste the XML feed's URL into the var apiURL section near the top of the document, then save the change.

Figure 4: Paste the XML feed's URL into the dashboard.js code (click to enlarge)

5. Launch the dashboard.html file.

Figure 5: Launch the dashboard.html file (click to enlarge)

 Additional resources:

Was this article helpful?

0 out of 1 found this helpful

You must sign in before voting on this article.

Want to talk about it? Have a feature request?

Head on over to our Datto Community Forum or the Datto Community Online.

For more Business Management resources, see the Datto RMM Online Help and the Autotask PSA Online Help .

Still have questions? Get live help.

Datto Homepage