Versions Compared

Version Old Version 26 New Version 27
Changes made by

Visual Backlog

Visual Backlog

Saved on

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

  1. Launch

  2. Navigate

  3. Filter Data

  4. Search

  5. Plan

    1. Link Issues

    2. Create issues

    3. View/Edit Issues

  6. Prioritise

    1. Prioritisation tracks

    2. Show Bottlenecks

Launch

1.Launch.mov

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

...

Navigate

Pan

Using the mouse:

  • Click on the background pane and drag to pan

  • Scroll to pan up and down

  • Scroll+ Shift to pan left and right

  • Scroll + Alt/Option to pan up and down

Using the trackpad:

  • Click on the background pane and drag to pan

  • Use your two fingers to pan

Drag

Click and hold on and issue/project node then drag it to move it around.

Zoom

Mouse

Hold down Control and scroll up / down to zoom in/out

Trackpad

Hold down Control and scroll up / down using you too fingers

Focus

Hold Alt/Option and click on a node to focus on 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 optionImage Added to select the source data of

...

VisualBacklog, you can choose from a list of:

  1. Project: fetches the current project’s issues in addition to their external dependencies/dependents (if External issues option is selected in the project project-dowpdown.pngImage Added filter).

  2. Board: uses the corresponding board’s JQL filter to fetch issues and their external dependencies/dependents (if External issues option is selected in the project project-dowpdown.pngImage Added filter).

Filter

Use the Jira Data Filters on the top of

...

VisualBacklog to filter the issues/projects you want to work with.

...

Use the Search Bar to locate issue, project, board and prioritization tracks on the graph.

...

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.

Alternatively, you can also use the issue modal.See above.