How to add custom HTML to VSTS dashboard?

By | June 29, 2018

How to add custom HTML to VSTS dashboard-Featured

We can add custom HTML to VSTS dashboard using the Markdown control. This works in a very similar way as Azure Portal Dashboard –  How to add custom HTML to Azure Portal Dashboard? . Markdown control can help you add custom HTML to your Team Project dashboard. There are several benefits of it, including notes, documents references related to dashboard and become very handy for other developers, tester or any team member who has access to the dashboard.


Add custom HTML to VSTS dashboard

From the VSTS Portal, open the existing dashboard or create a new one. Move to edit dashboard mode and select the “Markdown” available under the widget.  Select the markdown widget, and then click on the Add button.

How to add custom HTML to VSTS dashboard - Markdown

Once the Markdown widget is added, select the “Configure” option to add content.

How to add custom HTML to VSTS dashboard - Configure

From the configuration dialog window, you can customize the size of the wizard and then edit the markdown content. Choose the Size, as per your need and then update the markdown content. You can add custom text, link, and images.

How to add custom HTML to VSTS dashboard - Update Markdown

The Markdown widget also allows you to chose an existing markdown file. You can choose the markdown files from git repository as well.

How to add custom HTML to VSTS dashboard - Select Markdown

 

Leave a Reply