Skip to content

Draggable dashboard canvas

Problem to solve

Currently users are unable to arrange the order of charts on the metrics dashboard. We should allow users to do so, in order to allow them to build the arrangement that most makes sense for their use cases.

Target audience

Further details

Proposal

Allow end users to drag charts around the dashboard to re-arrange them, then save the changes back so that is the default order.

Design

By adding an 'arrange charts' button to the filter bar on the metrics page, we can allow users to re-arrange their charts. This edit mode would be based on an existing vue drag/drop component:

ce_58435-draggable-dashboard-canvas-v4

To access functionality beyond just dragging and dropping, we would probably need to create a separate 'edit dashboard flow.' Adding this functionality should probably be part of a separate issue. The latest design, for reference:

ce_58435-draggable-dashboard-edit-dashboard-flow-v5

Permissions and Security

Documentation

What does success look like, and how can we measure that?

Links / references

Edited by Amelia Bauerly