Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents
minLevel2
maxLevel3
include
outlinefalse
indent
stylecircle
exclude
typelist
class
printablefalse

Launch

...

Use the VisualBacklog Visual Backlog link in the project navigation to launch it.

...

Hold down Alt/Option and click on a the background pane to zoom out.

Load / Filter data

Load

...

Use the source dropwdown Data source option to select the source data of VisualBacklogVisual Backlog, you can choose from a list of:

...

Use the data filters on the top of VisualBacklog Visual Backlog to filter the issues/projects you want would like to work withon.

...

Use the Search bar /wiki/spaces/~557058d6b47cfa25194caa9b5e9ae70950048f/pages/13041691 to locate issue, projects, boards and prioritisation tracks on the graph. Use the esc keyboard key to zoom out of the selected node.

Plan

Link

...

Create issues

View/Edit Issues

/ Unlink Issues

...

To link issues, click on the source port (right port in a Horizontal layout) of one issue, drag and drop it on a target port of another issue. This create a draft edge that you can use to select the type of relationship between them.

To unlink issues, click on the x button on the right of label of the link type.

View/Edit Issues

...

Double clicking an issue node opens the native issue dialog, thanks you can take a closer look at the issue details. You can also use the same dialog for editing it.

Create issues

...

Issues can be created using:

  1. The create child issue button create-child-issue-button.pngImage Added on the epic node tool bar. This will create a child issue of the given epic.

  2. The create issue button create-issue-button.pngImage Added on the project node tool bar.

  3. The create issue button create-issue-button.pngImage Added on the left of the search bar.

Prioritise

Prioritisation tracks

...

  1. Use the issue link dropdown Screenshot 2024-06-25 at 17.01.05.png to filter out issue links that do not correspond to a dependency relationship e.g. duplicates or clones and keep only those that do e.g. blocks

  2. Enable the prioritisation tracks option toggle-prioritisation-tracks.png located in the Layout Configuration panel on the right of VisualBacklog’s Visual Backlog’s screen.

Voilà! VisualBacklog Visual Backlog groups the issues on the board into prioritisation tracks that are numbered and ordered by the ascending order of priority.

...

Blockers

...

  1. Use the issue link dropdown Screenshot 2024-06-25 at 17.01.05.png to filter out issue links that do not correspond to a dependency relationship e.g. duplicates or clones and keep only those that do e.g. blocks.

  2. Status
    colourGreen
    titleoptional
    enable the prioritisation tracks.

  3. Enable the bottlenecks blockers option toggle-bottlenecks.png located in the Layout Configuration panel on the right of VisualBacklog’s Visual Backlog’s screen.

There you go! bottlenecks blockers are highlighted while non bottlenecks blockers are faded. A bottleneck is a not-done issue that is also a dependency of another issue located on a forward prioritisation tracks.

Thanks to the prioritisation tracks and the bottlenecks blockers options, prioritising work becomes easier. when both options are enabled, non faded issues on the left most track are the issues that must be prioritised first before moving to the next track and so on.

...

Checkout our comprehensive guide to learn more.

...

titleOld Quick Start

Customise

Use the Layout Controls on the left of the Search Bar to customise the graph’s:

Save / Reset

...

Save the Data Filters and Layout Configuration using the Save / Reset buttons

on the top right corner of the viewport.

Prioritise

Visual Backlog groups the issue graph into layers of issues sorted by priority from the highest to the lowest.

Horizontal Layout

...

  1. Set the Layout Direction to Horizontal using the Layout Direction Button

  2. Filter out issues without epics (issues without epics are always drawn on the first layer anyway)

  3. Filter out issue links that are not dependencies and keep only the ones that represent real dependencies between issues e.g: filter out relates link and select blocks link

  4. Prioritise! assign priority to your issues or schedule them for un upcoming sprint. Issues will be grouped into columns ordered from the left to the right by descending priority.

    1. double click an issue to open issue modal

    2. edit the relevant fields e.g. sprint, priority

    3. close the modal (Visual Backlog picks up the changes on modal closing)

Vertical Layout

...

  1. Set the Layout Direction to Vertical using the Layout Direction Button

  2. Filter out issues without epics (issues without epics are always drawn on the first layer anyway)

  3. Filter out issue links that are not dependencies and keep only the ones that represent real dependencies between issues e.g: filter out relates link and select blocks link

  4. Prioritise! assign priority to your issues or schedule them for un upcoming sprint. Issues will be grouped into rows ordered from the top to the bottom by descending priority.

    1. double click an issue to open issue modal

    2. edit the relevant fields e.g. sprint, priority

    3. close the modal (Visual Backlog picks up the changes on modal closing)

Drag and drop

...

Create issue links with Visual Backlog by following those simple steps

  1. Identify the issues to be linked: in this example, we want a blocks link from GIBRAL-27 to GIBRAL-29

  2. If the issues are far from each other, do not hesitate to reposition them close to each other. Don’t worry about the layout, Visual Backlog will take care of fixing that

  3. Drag and Drop a connection from the right port of GIBRAL-27 to the left port of GIBRAL-29

  4. Select an issue link from the drop down, in this case it is a blocks link

  5. Voilà! Visual Backlog will refresh the data and reposition the issues to reflect the new state.

Issue modal

...

Alternatively, you can use the issue modal and edit issue links as you would do in Jira. Double click on of the issues and edit the issue links accordingly.

...

Issue links can be edited by editing the dropdown of that particular link.

Alternatively, they can be edited using the issue modal. See above.

vb-delete-issue-link.mov

You can delete an issue link by clicking on the X label on the right of the link value you want to delete.

...

.