Storm season is back, bringing with it the potential for significant weather events. If you have clients in areas prone to infrastructure disruption, visit the Disaster Recovery Resources guide for preparedness information. Datto recommends performing proactive disaster recovery testing to mitigate potential downtime. See our articles about the importance of disaster recovery testing and Preparing For A Cloud Virtualization Test: Policies, Procedures, And Partner Responsibilities to learn more. For live updates, follow @datto on Twitter.

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

Follow

Question

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

Environment

  • Integrations
  • Partner Portal

Answer

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 0 found this helpful

You must sign in before voting on this article.

Calling all Partners! We want to hear your feedback! Please participate in this quick survey and help us build a better, more-relevant Knowledge Base!

Want to talk about it? Head on over to our Community Forum!