Azure Devops Related Records Component
To add a component, follow these steps:
- Open any Salesforce record on the necessary object and click on the gear icon. Setup Menu -> Edit Page
- In the search box, type “Azure” and find our component.
- Drag it to your page and add it
- Click Save
Component – Property Reference
This section describes the configurable properties available in the Azure DevOps Content Lightning Web Component, in the order they appear in the configuration panel.
Related Azure DevOps Work Item View
- Type: Lookup
- Description: Selects the related Azure DevOps work item view that will be displayed inside the component.
Layout
- Type: String
- Options: 1-Column, 2-Column
- Default: 1-Column
- Description: Defines the column layout of the component interface.
Create Work Item Button
- Type: Boolean
- Default: true
- Description: Shows or hides the “Create Work Item” button, allowing users to create new work items directly from Salesforce.
Open Modal Dialogs in a New Window
- Type: Boolean
- Default: false
- Description: When enabled, modal dialogs open in a separate browser window instead of overlaying the current page.
Edit Work Item Button
- Type: Boolean
- Default: false
- Description: Displays the “Edit Work Item” button, allowing modification of existing work items.
Allow Adding Tags
- Type: Boolean
- Default: false
- Description: Enables adding tags to work items.
Following Button
- Type: Boolean
- Default: false
- Description: Displays a “Follow” button to subscribe to updates and notifications for a work item.
Search Work Item Button
- Type: Boolean
- Default: true
- Description: Shows the “Search Work Item” button
Create Comment Button
- Type: Boolean
- Default: true
- Description: Displays a button to add comments to work items.
Upload Attachments Button
- Type: Boolean
- Default: true
- Description: Allows uploading and attaching files to work items.
Hide Attachments Tab
- Type: Boolean
- Default: false
- Description: Hides the attachments tab from the work item view.
Hide Comments Tab
- Type: Boolean
- Default: false
- Description: Hides the comments tab from the work item view.
Click Save
Using the Azure Component
The Azure component lets users:
- Create a new Azure DevOps work item from Salesforce
- Search and link an existing Azure DevOps work item to the current Salesforce record
- View and refresh linked work item details
Create Azure Devops Work Item Button
- Click Create Azure DevOps Item
- The Create Work Item window opens
- Complete the required fields
- Click Create (blue button at the bottom)
Result: The new work item appears in the component. You can open the item in Azure DevOps or view details in Salesforce using View.
View Work Item button
The “View” button, represented by the circular arrow icon on the right side of the work item panel, allows the user to refresh and view the latest data of the linked Azure DevOps work item.
Depending on the selected component properties, users can also:
- Edit the work item fields (if Edit is enabled)
- Add / remove tags (if Tags are enabled)
- View and add comments (if the Comments tab and Create Comment are enabled)
- View and upload attachments (if the Attachments tab and Upload are enabled)
Search Work Item Button
The Search Work Item section allows users to locate specific Azure DevOps work items using multiple filtering criteria.
Key Elements:
- Search Work Items:
A search bar where users can input the ID, title, or keywords of a work item for quick access. - Filters Section:
- Organization: A required dropdown to select the Azure DevOps organization
- Project: Allows narrowing results to a specific Azure DevOps project.
- Item Types: Filters results by work item type (e.g., Task, Issue, Epic).
- Status: Enables filtering by the current state of the work item (e.g., To Do, In Progress, Done).
- Assigned To: Lets the user filter work items by the assignee.
- Search Button:
Clicking the Search button executes the query based on the provided filters. A message will appear below indicating the number of results found.
Displays the list of matching work items in a table format with the configured or default columns and actions:
- Actions: On the right side, action buttons are available:
- + to link the item.
- ✔ unlink the item
👁 (View) to open and view details of the item.