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

[mattab]

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

[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?

[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

[sgiehl]

(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

[mattab]

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

[mattab]

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.

[mattab]

Attachment: Two buttons bug
2 widgets buttons.png

[sgiehl]

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

[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...

[mattab]

Thanks SteveG!

[sgiehl]

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

[sgiehl]

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

[robocoder]

(In [5700]) refs #1559 - see http://forum.piwik.org/read.php?2,83913,page=1#msg-84873

[mattab]

All Websites dashboard: see #2390 let user customise columns and add new ones