ms.technology: devops-ecosystem title: Samples overview | Extensions for Azure DevOps description: Overview of the available extension samples for Azure DevOps, including a description, the link to the repo and the contributions they touch. ms.assetid: 2639a776-d2f7-4866-b54f-1da3883b1b91 ms.topic: conceptual monikerRange: '>= tfs-2017' ms.author: chcomley author: chcomley ms.date: 08/04/2016

Extension samples

[!INCLUDE version-tfs-2017-through-vsts]

Get started developing your extension by working from a sample.

The Microsoft samples listed below 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.
Countdown Widget	GitHub	Dashboard Widget	Every team has important dates to remember. Make them visible for your team on your dashboard!
File Owner	GitHub	Context menu action (source explorer)	Allows users to see who owns a file from the Source Explorer
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
Print Cards	GitHub	Toolbar action (Kanban board)	Print cards from your Kanban board for use on a physical board
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 Tasks	GitHub	Release Management tasks	Utility tasks for Release Management: Tokenizer, Powershell++, Shell++, Zip & Unzip, Powershell to rollback
Roll-up Board	GitHub	Dashboard Widget	This widget shows the number of cards in each column of the Kanban board
Sample Data	GitHub	Dashboard Widget	Lets you create and remove sample data in your project.
Show Area Path Dependencies	GitHub	Hub	Provides a lightweight way to manage dependencies on other teams.
State Model Visualization	GitHub	Toolbar action (work item), Hub	Visualize the state model for a selected work item type.
Tags MRU	GitHub	Context menu action (work item), Notification (work item)	Keeps a list of the most recently used work item tags and allows adding them with a single click.
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.
Project Health	GitHub	Dashboard Widget	Enable users to visualize the overall health of builds, delivering a visual cue similar to the Codify Build Light.
User Voice UI	GitHub	Group (work item form), Hub, Extension data	Shows rich data of the linked User Voice suggestions on the work item form. It covers the following techniques: calling external APIs, add tags to work item, add links to work item, resize of container.
Work Item Details	GitHub	Context menu action (work item), Dashboard Widget	View details of work item(s) on your dashboard
WSJF	GitHub	Notification (work item), Context menu action (work item)	Calculates the Weighted Shortest Job First (WSJF), which is a formula to calculate the backlog items with highest ROI. It is a popular prioritization feature in frameworks like SAFe.
Cascading Picklists	GitHub	Work Item Form	Convert regular picklist fields into lists that display or hide values depending on the value of a parent picklist.

How to get started

To get you started as quickly as possible, there is 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.

If you're interested in a sample project that contains the majority of the contributions, see the Azure DevOps sample extensions repository on GitHub.

Azure Dashboard Docs

Maxwel Peruchi de Mello

Extension samples

How to get started