Dynamic Multi-Link Field for Azure DevOps
This Azure DevOps Work Item Custom Control allows you to configure and display multiple dynamic links directly in your work item form. Each link can reference any work item field using placeholders, display an icon, and the control automatically resizes to fit its content.
Features
- Display multiple links in a clean, responsive layout.
- Dynamically replace placeholders with work item field values (e.g.,
{System.Id}, {Custom.JiraId}).
- Optional icons for each link for better visibility.
- Auto-resize the control height to fit content.
- Default target is
_top to safely navigate away from the iframe while still allowing middle-click or context-menu "open in new tab".
- Hide links automatically if referenced field is empty (
hideIfEmpty).
Example Configuration (JSON)
[
{
"title": "Jira Ticket",
"text": "Ticket {Custom.JiraId}",
"url": "https://jira.local/browse/{Custom.JiraId}",
"icon": "https://jira.local/favicon.png",
"hideIfEmpty": true
},
{
"text": "Customer portal",
"url": "https://portal/customer/{System.Id}",
"icon": "👤"
},
{
"text": "Documentation",
"url": "https://docs.local/search?q={System.Title}",
"icon": "📘"
}
]
Each link can optionally define a target field (default _top).
Installation / Usage
- Add this extension to your Azure DevOps organization.
- Add the
Dynamic Multi-Link Field control to your Work Item form.
- Configure the
LinksJson input with your JSON array of links.
- The control will render the links with icons, dynamically replacing placeholders with current field values.
Target Behavior
- Default navigation target is
_top, safe for iframe usage.
- Middle-click, right-click "open in new tab", or Ctrl+click will still work as expected.
Credits
This control is strongly inspired by krypu's URL Field. Thanks to krypu for the original concept and example!
License
Licensed under the EUPL-1.2-or-later
Full text in 23 official languages is available at https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
