How to add custom HTML to VSTS dashboard?

How to add custom HTML to VSTS dashboard?

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

 

Abhijit Jana

Abhijit runs the Daily .NET Tips. He started this site with a vision to have a single knowledge base of .NET tips and tricks and share post that can quickly help any developers . He is a Former Microsoft ASP.NET MVP, CodeProject MVP, Mentor, Speaker, Author, Technology Evangelist and presently working as a .NET Consultant. He blogs at http://abhijitjana.net , you can follow him @AbhijitJana . He is the author of book Kinect for Windows SDK Programming Guide.