Opened 4 years ago

Closed 2 years ago

Last modified 2 years ago

#1559 closed New feature (fixed)

Dashboard: Customize dashboard, allow to select number of columns and various widgets layouts

Reported by: matt Owned by: SteveG
Priority: major Milestone: 1.7 Piwik 1.7
Component: UI - UX (AngularJS, twig, less) Keywords:
Cc: Sensitive: no

Description

Many users have been asking for a way to customize columns in dashboard. Proposal is to default to 3 as it is now, but add a new User Settings where a user would be able to change to 2 columns for example.

See implications in http://forum.piwik.org/index.php?showtopic=13591

Attachments (1)

2 widgets buttons.png (14.5 KB) - added by matt 2 years ago.
Two buttons bug

Download all attachments as: .zip

Change History (16)

comment:1 Changed 4 years ago by greg (gka)

It would also be nice to have some kind of automatic layout, a variable number of columns depending on the actual window size. This would...

  • make Piwik more usable on small screens (like flash enabled mobile devices), which would display only one column
  • loosen the restrictions on maximum widget size, since we don't need to pack three widgets next to each other in 1024 pixel
  • also improve the layout of the reports, avoiding the huge white spaces on large widescreen displays

I see that a variable column number is a problem for customized dashboard configurations. Maybe we can store seperate layouts for different column numbers?

comment:2 Changed 4 years ago by vipsoft (robocoder)

An interesting idea in http://forum.piwik.org/index.php?showtopic=14971 is multiple dashboards. This would let people create layouts that group widgets in way that everything appears above-the-fold.

In terms of the number of columns, I was thinking along the lines of a fixed number of layouts, e.g.,

  • 3 column, 1-1-1
  • 2 column, 2-1
  • 2 column, 1-2
  • 1 column

The above would add 2 new columns to the user_dashboard table:

  • dashboard_id
  • layout_id

comment:3 Changed 3 years ago by matt (mattab)

  • Priority changed from major to low

comment:4 Changed 2 years ago by SteveG (sgiehl)

  • Owner set to SteveG

comment:5 Changed 2 years ago by SteveG (sgiehl)

  • Milestone changed from Feature requests to 1.7 Piwik 1.7

comment:6 Changed 2 years ago by SteveG (sgiehl)

  • Resolution set to fixed
  • Status changed from new to closed

(In [5553]) added possibilities to reset dashboard (fixes #2638) and to adjust dashboard layout (fixes #1559), also refactored widgetmenu js used for adding new widgets and in widgetize plugin

comment:7 Changed 2 years ago by matt (mattab)

(In [5555]) Refs #1559 Small CSS tweaks + typos

comment:8 Changed 2 years ago by matt (mattab)

  • Resolution fixed deleted
  • Status changed from closed to reopened

Amazing work Steve!!! :) Thank you for including all past recommendations!

Reopening for a couple minor bugs:

  • When clicking on Dashboard and dashboard was already displayed, a 2nd "Widgets & Dashboard" button will be displayed (see attached screen)
  • Could the area to "drop" a widget be higher, at the bottom of each column ? I think it would make move widgets slightly easier.

Changed 2 years ago by matt (mattab)

Two buttons bug

comment:9 Changed 2 years ago by SteveG (sgiehl)

(In [5558]) refs #1559 remove button on switching page

comment:10 Changed 2 years ago by matt (mattab)

(In [5568]) refs #1559 Previous fix did not catch when you change manually the hash portion, for example adding a segment URL manually, then the menu is not clicked and box appears twice.
This fix is not ideal since the dashboard ID is put into broadcast.js but I think it's fine...

comment:11 Changed 2 years ago by matt (mattab)

  • Resolution set to fixed
  • Status changed from reopened to closed

Thanks SteveG!

comment:12 Changed 2 years ago by SteveG (sgiehl)

(In [5633]) refs #1559 use default layout if all columns are empty

comment:13 Changed 2 years ago by SteveG (sgiehl)

(In [5646]) refs #1559 return default layout if layout in session is empty, added some docu

comment:15 Changed 2 years ago by matt (mattab)

  • Priority changed from low to major
  • Summary changed from Add user setting: customize number of columns in dashboard to Dashboard: Customize dashboard, allow to select number of columns and various widgets layouts
Note: See TracTickets for help on using tickets.