Extension samples

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019 | TFS 2018

Get started developing your extension by working from a sample.


Check out our newest documentation on extension development using the Azure DevOps Extension SDK.

The following Microsoft samples show the capabilities of the extension framework and how to contribute to various areas. Each sample illustrates one or more contributions. We've limited the number of contributions for each sample to increase understanding of the extension framework.

Sample Source Contributions Description
Color Scale Work Item Form Custom Control GitHub Work Item Form Control Add color coding to the values in a dropdown.
Folder Management GitHub Context menu action (code explorer tree) Create a folder in your source repositories from the code explorer tree. No need to clone the repository or install extra tools.
Offline Test Execution GitHub Test plan tab Allows the tester to perform the test steps even if disconnected from Azure DevOps. It can be done using the exported Excel Spreadsheet.
Release Management Utility tasks GitHub Release Management tasks Utility tasks for Release Management.
Roll-up Board GitHub Dashboard Widget This widget shows the number of cards in each column of the Kanban board.
Sample Data Widget GitHub Dashboard Widget Create sample data in your Team Services project.
State Model Visualization GitHub Toolbar action (work item), Hub Visualize the state model for a selected work item type.
Team Calendar GitHub Hub, Event sources Track events important to your team, view and manage days off, quickly see when sprints start and end, and more.
Team Project Health GitHub Dashboard Widget Enable users to visualize the overall health of builds, delivering a visual cue similar to the Codify Build Light.
WSJF (Weighted Shortest Job First) GitHub Notification (work item), Context menu action (work item) Auto calculates WSJF (weighted shortest job first) per work item and stores it in a work item field.
Cascading Lists GitHub Work Item Form Define cascading behavior for picklists in work item form.

How to get started

To get you started as quickly as possible, there's a seed project available that contains the files required to build an extension using TypeScript. To automate building, packaging, and publishing the extension, a grunt script is added.