Skip to content

Commit

Permalink
fixing HTML build suggestions
Browse files Browse the repository at this point in the history
  • Loading branch information
@KathrynEE
KathrynEE committed Aug 2, 2021
1 parent c36c5fa commit 55cb8fe
Show file tree
Hide file tree
Showing 68 changed files with 249 additions and 249 deletions.
2 changes: 1 addition & 1 deletion docs/boards/backlogs/add-work-items.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ Create as many work items as you need of the type you need to track the work you

1. From **Work**, choose the work item type from the New Work Item list of options. Here, we choose to create a User Story.

<img src="media/add-work-items-choose-user-story.png" alt="Add a work item" style="border: 1px solid #C3C3C3;" />
<img src="media/add-work-items-choose-user-story.png" alt="Add a work item" />

> [!NOTE]
>Depending on the process chosen when the project was created&mdash;[Agile](../work-items/guidance/agile-process.md), [Scrum](../work-items/guidance/scrum-process.md),
Expand Down
4 changes: 2 additions & 2 deletions docs/boards/backlogs/backlogs-overview.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -223,7 +223,7 @@ Items that are owned by other teams appear with an information icon, :::image t

Backlog displays with work item icons is supported for TFS 2017.2 and later versions. For TFS 2017.1 and earlier versions, items that are owned by other teams appear with hollow-filled bars.

<img src="media/ALM_OB_CustServTeamBacklog.png" alt="Team backlog is filtered based on area path ownership, TFS 2017 version." style="border: 1px solid #C3C3C3;" />
<img src="media/ALM_OB_CustServTeamBacklog.png" alt="Team backlog is filtered based on area path ownership, TFS 2017 version." />
::: moniker-end

::: moniker range="<= tfs-2015"
Expand Down Expand Up @@ -269,7 +269,7 @@ belong to one of three different teams: Customer Service, Phone, and Web.

::: moniker range="<= tfs-2015"

<img src="media/ALM_OB_MutliTeamOwnershipEpics.png" alt="Drill-down of Epics showing features and backlog items owned by other teams" style="border: 1px solid #C3C3C3;" />
<img src="media/ALM_OB_MutliTeamOwnershipEpics.png" alt="Drill-down of Epics showing features and backlog items owned by other teams" />

::: moniker-end

Expand Down
20 changes: 10 additions & 10 deletions docs/boards/backlogs/connect-work-items-to-git-dev-ops.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ Review this article to learn:
The **Development** section records all Git development processes that support completion of the work item. This section can show your team information needed to take the next development step and minimize navigational steps to accomplish common development tasks. It also supports traceability, providing visibility into all the branches, commits, pull requests, and builds related to the work item.<br/>


<img src="media/drive-git-development-dev-section.png" alt="Work item form, Development section" style="border: 1px solid #C3C3C3;" />
<img src="media/drive-git-development-dev-section.png" alt="Work item form, Development section" />

::: moniker range="tfs-2017"

Expand Down Expand Up @@ -78,15 +78,15 @@ Consider creating a new branch when there are no linked code artifacts. If there

1. Start work on the work item by creating a branch. You can add a new Git branch from within the Development section...

<img src="media/git-dev-pr-create-branch.png" alt="User story work item form, Development section, create new branch" style="border: 1px solid #C3C3C3;" />
<img src="media/git-dev-pr-create-branch.png" alt="User story work item form, Development section, create new branch" />

... or, from the form's :::image type="icon" source="../media/icons/actions-icon.png" border="false"::: Actions menu.

<img src="media/git-dev-pr-create-branch-from-action-menu.png" alt="User story work item form, Action menu, add new branch" style="border: 1px solid #C3C3C3;" />
<img src="media/git-dev-pr-create-branch-from-action-menu.png" alt="User story work item form, Action menu, add new branch" />

Name the branch and select the repository on which it's based.

<img src="media/git-dev-create-branch.png" alt="Create a branch dialog box" style="border: 1px solid #C3C3C3;" />
<img src="media/git-dev-create-branch.png" alt="Create a branch dialog box" />

Branches you create are automatically linked to the work item.

Expand All @@ -111,7 +111,7 @@ Consider creating a new branch when there are no linked code artifacts. If there

You create a pull request to merge the changes you made to a main branch and get your changes reviewed by other members of your team.

<img src="media/git-dev-pr-create-pull-request-b.png" alt="Work item form, create pull request" style="border: 1px solid #C3C3C3;" />
<img src="media/git-dev-pr-create-pull-request-b.png" alt="Work item form, create pull request" />

5. Your view will switch to **Code**, Pull Requests page. Complete creating the pull request as shown.

Expand Down Expand Up @@ -144,11 +144,11 @@ You can also add a new branch from the work item listed on the backlog or Kanban

For example, here we select the first five items to link to a new branch.

<img src="media/git-dev-multi-select-backlog-create-new-branch.png" alt="Select multiple items from backlog" style="border: 1px solid #C3C3C3;" />
<img src="media/git-dev-multi-select-backlog-create-new-branch.png" alt="Select multiple items from backlog" />

And, we specify the name of the branch.

<img src="media/add-work-item-create-branch-multi-items.png" alt="Create new branch dialog" style="border: 1px solid #C3C3C3;" />
<img src="media/add-work-item-create-branch-multi-items.png" alt="Create new branch dialog" />


<a id="link-objects"> </a>
Expand Down Expand Up @@ -211,7 +211,7 @@ Keep in mind that the **Development** section only appears within the web portal

With Git commits, any work items that have been linked to a commit are listed under the Associated work items in the build summary page.

<img src="media/developer-associated-work-items-build.png" alt="Linked work items listed under Associated work items in the build summary page." style="border: 1px solid #C3C3C3;" />
<img src="media/developer-associated-work-items-build.png" alt="Linked work items listed under Associated work items in the build summary page." />

<!--- Add info about option to set build linking; link to release notes if needed -->

Expand All @@ -228,13 +228,13 @@ Hovering over any entry listed under the Development section activates the hyper
::: moniker range=">= azure-devops-2019"
The link types you can add within the development section are Branch, Build, Changeset, Commit, Found in build, Integrated in build, Pull Request, and Versioned Item.

<img src="../queries/media/link-tracking-artifact-to-artifact-link-types.png" alt="Artifact-to-artifact link types" style="border: 1px solid #C3C3C3;" />
<img src="../queries/media/link-tracking-artifact-to-artifact-link-types.png" alt="Artifact-to-artifact link types" />
::: moniker-end

::: moniker range=">= tfs-2017 <= tfs-2018"
The link types you can add within the development section are Branch, Build, Changeset, Commit, Pull Request, and Versioned Item.

<img src="media/git/link-tracking-artifact-to-artifact-link-types.png" alt="Artifact-to-artifact link types" style="border: 1px solid #C3C3C3;" />
<img src="media/git/link-tracking-artifact-to-artifact-link-types.png" alt="Artifact-to-artifact link types" />

::: moniker-end

Expand Down
4 changes: 2 additions & 2 deletions docs/boards/backlogs/manage-issues-impediments.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,15 +99,15 @@ Choose the :::image type="icon" source="../media/icons/pin-icon.png" border="fa

From **Work**, choose **Impediment** from the **New Work Item** list of options. Choose the :::image type="icon" source="../media/icons/pin-icon.png" border="false"::: pin icon to have it show up within **Work** drop down menu.

<img src="media/cyb-new-work-item-impediment.png" alt="TFS 2017 - Add an impediment" style="border: 1px solid #C3C3C3;" />
<img src="media/cyb-new-work-item-impediment.png" alt="TFS 2017 - Add an impediment" />

::: moniker-end

::: moniker range=">= tfs-2013 <= tfs-2015"

From the Queries page, choose Impediment from the **New** drop down menu.

<img src="media/ALM_CB_CreateImpediments.png" alt="TFS 2015, TFS 2013 - Add an impediment" style="border: 1px solid #C3C3C3;" />
<img src="media/ALM_CB_CreateImpediments.png" alt="TFS 2015, TFS 2013 - Add an impediment" />

::: moniker-end

Expand Down
10 changes: 5 additions & 5 deletions docs/boards/backlogs/office/storyboard-your-ideas-using-powerpoint.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,22 +30,22 @@ With storyboarding, you turn your ideas and goals into something visual. Your id
3. Open PowerPoint Storyboarding and start with a blank slide. You should see the **Storyboarding** ribbon and **Storyboard Shapes** library. If you don't see the Storyboarding ribbon, see step 2.

<img src="media/IC652597.png" alt="Open PowerPoint Storyboarding" style="border: 1px solid #C3C3C3;" />
<img src="media/IC652597.png" alt="Open PowerPoint Storyboarding" />

Or, you can open PowerPoint Storyboarding from the work item **Storyboarding** tab.

<img src="media/IC652012.png" alt="Start PowerPoint Storyboarding from work item" style="border: 1px solid #C3C3C3;" />
<img src="media/IC652012.png" alt="Start PowerPoint Storyboarding from work item" />

Or, from the web portal and the new work item form, choose the **Start storyboarding** menu option from any valid work item.

<img src="../media/add-work-item-start-storyboarding.png" alt="Work item form, Start storyboarding menu option" style="border: 1px solid #C3C3C3;" />
<img src="../media/add-work-item-start-storyboarding.png" alt="Work item form, Start storyboarding menu option" />

> [!NOTE]
> Becuase this feature has been deprecated, the **Start storyboarding** menu option is no longer available from the web form for Azure DevOps Services or Azure DevOps Server 2019 and later versions.
4. Add a background shape that's appropriate for your app. To add a shape, just drag it onto the slide.

<img src="media/IC652013.png" alt="Drag a shape onto the slide" style="border: 1px solid #C3C3C3;" />
<img src="media/IC652013.png" alt="Drag a shape onto the slide" />

5. Search for more shapes to complete your design.

Expand Down Expand Up @@ -98,7 +98,7 @@ When you share your storyboards to a shared network location, you can link the s

7. And, whoever views the work item can also access the storyboard.

<img src="media/IC652022.png" alt="Storyboard tab with linked storyboard" style="border: 1px solid #C3C3C3;" />
<img src="media/IC652022.png" alt="Storyboard tab with linked storyboard" />

With PowerPoint Storyboarding, you can illustrate a new or a modified interface. You can capture existing user interfaces and build a storyboard from a collection of predefined storyboard shapes. Also, you can customize the slide layouts for your web, client, or phone applications. And, by linking the storyboard to the product backlog item or user story, you automatically share it with your team.

Expand Down
8 changes: 4 additions & 4 deletions docs/boards/boards/add-columns.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -125,15 +125,15 @@ Choose **Correct this now** to open the **Settings** dialog.

In this example two new states have been added, **Triaged** for bug, and **Investigate** for user story. Each state needs to be mapped to an existing or new column in order for the Kanban board to display work items assigned to these states.

<img src="media/add-columns-custom-states-mapping.png" alt="Kanban board settings, Columns" style="border: 1px solid #C3C3C3;" />
<img src="media/add-columns-custom-states-mapping.png" alt="Kanban board settings, Columns" />
::: moniker-end

::: moniker range="tfs-2015"

**TFS 2015.1**
In this example two new states have been added, **Triaged** for bug, and **Investigate** for user story. Each state needs to be mapped to an existing or new column in order for the Kanban board to display work items assigned to these states.

<img src="media/add-columns-custom-states-mapping.png" alt="Kanban board settings, Columns" style="border: 1px solid #C3C3C3;" />
<img src="media/add-columns-custom-states-mapping.png" alt="Kanban board settings, Columns" />

**TFS 2015**
In this example, bugs have been added to show on the Kanban board. You need to map the bug state for each column on the Kanban board.
Expand Down Expand Up @@ -253,7 +253,7 @@ You'll see different column titles and choices based on the [Process](../work-it

Or, you can open the dialog and change one or more settings for a Kanban column.

<img src="media/add-columns-settings-dialog-add-test-ts.png" alt="Kanban board, Settings, Columns, Add and rename columns, Agile process" style="border: 1px solid #C3C3C3;" />
<img src="media/add-columns-settings-dialog-add-test-ts.png" alt="Kanban board, Settings, Columns, Add and rename columns, Agile process" />

4. To change the column order, drag the column tab to the position you want.

Expand Down Expand Up @@ -292,7 +292,7 @@ You'll see different column titles and choices based on the [Process](../work-it

Or, you can open the dialog and change one or more settings for a Kanban column.

<img src="media/add-columns-settings-dialog-add-test-ts.png" alt="Kanban board, Settings, Columns, Add and rename columns, Agile process" style="border: 1px solid #C3C3C3;" />
<img src="media/add-columns-settings-dialog-add-test-ts.png" alt="Kanban board, Settings, Columns, Add and rename columns, Agile process" />

4. To change the column order, drag the column tab to the position you want.

Expand Down
10 changes: 5 additions & 5 deletions docs/boards/boards/add-run-update-tests.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ In this article, you'll learn:
> * How to expand or collapse inline tests
> * How to reorder or reparent inline tests
<img src="media/i-test-board-intro.png" alt="Web portal, Kanban board with several inline tests defined" style="border: 1px solid #C3C3C3;" />
<img src="media/i-test-board-intro.png" alt="Web portal, Kanban board with several inline tests defined" />

Tests you create from the Kanban board are automatically linked to the user story or backlog item.

Expand Down Expand Up @@ -87,11 +87,11 @@ Tests you create from the Kanban board are automatically linked to the user stor

2. If you have a number of tests to add, simply keep typing each title and click Enter.

<img src="media/i-test-story-with-3-inline-tests.png" alt="Work item with several test cases added" style="border: 1px solid #C3C3C3;" />
<img src="media/i-test-story-with-3-inline-tests.png" alt="Work item with several test cases added" />

To add details to the test case, open it. You can click the title, double-click the inline item, or open the context menu and choose Open.

<img src="media/i-test-case-form.png" alt="Open test case form from Kanban board" style="border: 1px solid #C3C3C3;" />
<img src="media/i-test-case-form.png" alt="Open test case form from Kanban board" />

See [Create manual tests](../../test/create-test-cases.md) to learn more about defining tests.

Expand All @@ -101,7 +101,7 @@ Prior to running the test, you must add details.

Run the test by selecting ![Run icon](../media/icons/run_query.png) Run test from the :::image type="icon" source="../media/icons/actions-icon.png" border="false"::: actions menu for the inline test.

<img src="media/i-test-run-test.png" alt="Run a test" style="border: 1px solid #C3C3C3;" />
<img src="media/i-test-run-test.png" alt="Run a test" />

Microsoft Test Runner starts in a new browser instance. For details on running a test, see [Run manual tests](../../test/run-manual-tests.md).

Expand All @@ -110,7 +110,7 @@ Microsoft Test Runner starts in a new browser instance. For details on running a

You can update the status of the test from the :::image type="icon" source="../media/icons/actions-icon.png" border="false"::: actions menu .

<img src="media/i-test-update-status.png" alt="Check tasks that are complete" style="border: 1px solid #C3C3C3;" />
<img src="media/i-test-update-status.png" alt="Check tasks that are complete" />

Updating the status of tests enable you to <a href="../../test/track-test-status.md" data-raw-source="[track test results](../../test/track-test-status.md)">track test results</a>.

Expand Down
16 changes: 8 additions & 8 deletions docs/boards/boards/add-task-checklists.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ With checklists or to do lists, you continue to enjoy lightweight tracking. You
:::image type="content" source="media/checklists/board-checklists.png" alt-text="Screenshot of product-level Kanban board with three work items showing child lists":::
::: moniker-end
::: moniker range="<= tfs-2018"
<img src="media/kanban-task-checklists.png" alt="Kanban board with several task checklists defined" style="border: 1px solid #C3C3C3;" />
<img src="media/kanban-task-checklists.png" alt="Kanban board with several task checklists defined" />
::: moniker-end

In this article, you'll learn:
Expand Down Expand Up @@ -75,18 +75,18 @@ In this example, tasks are added to the product Kanban board using the checklist
:::image type="content" source="media/checklists/add-task-menu.png" alt-text="Screenshot of open the context menu of work item to add a task.":::
::: moniker-end
::: moniker range=">= tfs-2017 <= tfs-2018"
<img src="media/add-tasks-menu-options-vs-ts.png" alt="Open the context menu of a backlog item to add a task" style="border: 1px solid #C3C3C3;" />
<img src="media/add-tasks-menu-options-vs-ts.png" alt="Open the context menu of a backlog item to add a task" />
::: moniker-end
::: moniker range="tfs-2015"
<img src="media/kanban-board-add-task-checklist.png" alt="Open the context menu of a backlog item to add a task" style="border: 1px solid #C3C3C3;" />
<img src="media/kanban-board-add-task-checklist.png" alt="Open the context menu of a backlog item to add a task" />
::: moniker-end

2. If you have many tasks to add, keep typing their titles and choose Enter after each title.
::: moniker range=">= azure-devops-2019"
:::image type="content" source="media/checklists/four-tasks-added.png" alt-text="Screenshot of added tasks.":::
::: moniker-end
::: moniker range="<= tfs-2018"
<img src="media/kanban-board-task-checklists-added.png" alt="Work item with several tasks added" style="border: 1px solid #C3C3C3;" />
<img src="media/kanban-board-task-checklists-added.png" alt="Work item with several tasks added" />
::: moniker-end
::: moniker range=">= tfs-2017"
3. If you have details you want to add about a task, open the item by choosing the title.
Expand All @@ -95,11 +95,11 @@ In this example, tasks are added to the product Kanban board using the checklist
::: moniker range="tfs-2015"
4. If you have details you want to add about a task, open the parent work item and then choose the :::image type="icon" source="../media/icons/icon-links-tab-wi.png" border="false"::: links icon/tab.

<img src="media/add-task-checklist-open-task.png" alt="Open parent work item, Links tab" style="border: 1px solid #C3C3C3;" />
<img src="media/add-task-checklist-open-task.png" alt="Open parent work item, Links tab" />

Double-click the task, or select and press the Enter key, to open it.

<img src="media/kanban-board-open-task-form.png" alt="Open task work item form from task checklist" style="border: 1px solid #C3C3C3;" />
<img src="media/kanban-board-open-task-form.png" alt="Open task work item form from task checklist" />
::: moniker-end

> [!NOTE]
Expand All @@ -114,7 +114,7 @@ When you complete a task or other checklist item, simply choose the checkbox to
:::image type="content" source="media/checklists/board-checklists.png" alt-text="Screenshot of product-level Kanban board showing several done child items":::
::: moniker-end
::: moniker range="<= tfs-2018"
<img src="media/kanban-check-done-tasks.png" alt="Check tasks that are complete" style="border: 1px solid #C3C3C3;" />
<img src="media/kanban-check-done-tasks.png" alt="Check tasks that are complete" />
::: moniker-end

The State of the work item is updated from **Active** to **Closed** for Agile and CMMI projects and from **To Do** to **Done** for Scrum projects, and
Expand All @@ -130,7 +130,7 @@ Upon first opening the Kanban board, you'll see an unexpanded view of checklists
:::image type="content" source="media/checklists/unexpanded-checklists.png" alt-text="Screenshot of unexpanded checklist":::
::: moniker-end
::: moniker range="<= tfs-2018"
<img src="media/kanban-board-first-open-collapsed-checklists.png" alt="Expand task checklist for a work item" style="border: 1px solid #C3C3C3;" />
<img src="media/kanban-board-first-open-collapsed-checklists.png" alt="Expand task checklist for a work item" />
::: moniker-end


Expand Down
Loading

0 comments on commit 55cb8fe

Please sign in to comment.