Azure Boards Card Styles

Customizing the appearance of work item cards on your Azure Boards can significantly improve readability and help teams quickly identify key information at a glance.

Understanding Card Customization

Azure Boards allows you to customize the fields displayed on work item cards for both Backlogs and Kanban boards. This helps in visualizing important data directly on the card, reducing the need to open each work item individually.

The following card styles can be configured:

Configuring Card Fields

To configure the fields displayed on your cards:

  1. Navigate to your Azure Boards project.
  2. Go to Boards > Backlogs or Boards > Boards.
  3. Click the Column options (gear icon) or Board configuration.
  4. Select the Card styles tab.
  5. Under the Fields section, click Add field and choose the desired field from the dropdown.
  6. You can add up to four custom fields.

Fields displayed on the card are typically limited to a few key identifiers like 'Assigned To', 'Tags', 'Area Path', 'Iteration Path', 'Priority', or custom fields relevant to your team's workflow.

Applying Conditional Coloring

Conditional coloring helps to visually highlight cards based on specific criteria, making it easier to spot urgent items, specific work item types, or items that meet certain conditions.

To add a conditional color rule:

  1. Follow steps 1-4 from the "Configuring Card Fields" section.
  2. Under the Color settings section, click Add new color rule.
  3. Select the Field you want to base the color on (e.g., 'State', 'Priority', 'Work Item Type').
  4. Choose the Operator (e.g., 'Equals', 'Contains', 'Is not').
  5. Enter the Value that triggers the color.
  6. Select the desired Color for the rule.
Bug #101
Bug
Login button is unresponsive on mobile devices.
Feature #205
Feature
Implement user profile customization page.
Task #310
Task
Create API endpoints for user authentication.
User Story #415
User Story
As a user, I want to be able to reset my password so that I can regain access to my account.

Commonly used rules include coloring 'Bugs' red, 'Features' blue, or highlighting high-priority items.

Best Practices