Skip to content

Implement layout for tabbed view #11527

@allyoucanmap

Description

@allyoucanmap

Description

This task aims to introduce a tabs system inside the dashboard viewer to be able to view multiple dashboards inside the same context. Requested functionalities:

  • A toolbar section where an user with edit permissions can:
    • Add new dashboard view
    • Each created view can be:
      • Removed, it should prompt a confirm dialog
      • Configured, it should prompt a dialog to modify configuration of the tab
      • Moved to right, move the tab to right
      • Moved to left, move the tab to left
  • A toolbar section where an user without edit permissions can:
    • Select create view to navigate them

The Configure button should open a dialog that initially will allow a user to:

  • edit the the name of the tab
  • edit the color of the tab (it will create a bottom border with the selected color)

Mockup

This proposal shows the tabs system located at the bottom section of the dashboard. A button with the plus icon allows users with editing permissions to add new dashboard tabs.

Image

All the tabs will allow editor users to perform actions to configure, move and delete the tab.

Image

Acceptance criteria

  • Tabbed view layout management
  • Allow users to create widgets in each single view
  • Ensure good performance during interactions with dashboard and tabs

Other useful information

Metadata

Metadata

Labels

New Featureused for new functionalities

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions