Begin of the insertion# Acceptance criteriaEnd of the insertion Begin of the deletion **Frontend components**End of the deletion

Begin of the insertionThe existing Backlogs view (/backlogs) is re-newed using Primer components.

**Layout**

End of the insertion * Begin of the insertionThe setting to define in which column a version shall be displayed, remains. So there can be a two column layout


**Tables**

* Use BorderBoxTableComponentEnd of the insertion Begin of the deletion Page headerEnd of the deletion

* Begin of the insertionThere will be no inline editing functionality for nowEnd of the insertion Begin of the deletion Work packages boxes that we use in the relations tabEnd of the deletion

* Begin of the insertionThe header:

* is collapsbile (use CollapsibleSections)

* contains: Version name, start date (optional), end date (optional), the number of tickets assigned to it (current behavior)

* Has an ActionMenu with the currently exisiting functions

* The menu is extended by an option "edit"

* The rows:

* contains: The WP displayed simliar to how it is done for Meetings or Relations (WP info row with title below)

* At the end there is an invisible button with an edit icon.

* At the beginning, there is an icon indicating drag'n'drop


<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/918151/content">

**Behavior**

* Editing

* is triggered by a specific button (see above)

* behaviour and look&amp;feel is similar to how it is doneEnd of the insertion Begin of the deletion Editing: like we doEnd of the deletion in Begin of the insertionMeetings

* Drag&#39;n&#39;Drop:

* Rows are dragable within and between tables (as before)


##End of the insertion Begin of the deletion agenda items


End of the deletion **Out of scope**

* Begin of the insertionFunctional changes to the Backlogs module

* Inline editing

* Other pages of the Backlogs modules

* End of the insertion Task boards Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Burndown charts Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Begin of the insertionCreating newEnd of the insertion Begin of the deletion NewEnd of the deletion components (in this iteration we only use what we have) Begin of the insertion


<br>End of the insertion