Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Responsive Dashboard: update columns count based on resolution to look good on tablets #3675

Closed
mattab opened this issue Jan 16, 2013 · 3 comments
Closed

Responsive Dashboard: update columns count based on resolution to look good on tablets #3675

mattab opened this issue Jan 16, 2013 · 3 comments
Labels
Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc. wontfix If you can reproduce this issue, please reopen the issue or create a new one describing it.

Comments

@mattab
Copy link
Member

mattab commented Jan 16, 2013

The dashboard is the favorite and most used report by far. It's default report for most users, but also is the most exciting way to start Piwik since it's fully customizable.

Users load their Piwik on phones, tablets, TVs, consoles, and video projector (real example from Greg who suggested this ticket!). When loading dashboard on these with 1024 resolution or less, the widgets are too small and not usable. This leads user havingg to change the layout, or create layouts specifically for mobile.

Ideally the dashboard would work without requiring user config:

  • when resolution is 1024 or less (just a proposal maybe there is a better resolution or check),
  • we could switch the dashboard to 2 columns display.
  • Widgets will be moved to the column with least amount of widgets (see When switching columns layout to less columns, widgets should be moved to visible column #3674).
  • The 2 columns layout should not be persisted in the custom dashboard (since its temporary)
  • However if widgets are moved around, then layout should be recorded (and previous layout would be lost). I think it's an OK limitation.

So with this feature it would make it impossible to display more than 2 columns when resolution < N. I think it's an acceptable loss of functionality for the gain in user experience?
@gka
Copy link
Contributor

gka commented Jan 16, 2013

Looking good, to me.

Just one addition: in the future this could be extended to adapting to one column for even smaller screen sizes (< 799px). Together with a responsive top navigation (select-input instead of tabs) this could make the Piwik dashboard way better usable for mobile phones too.

Btw, I'd disable the moving of widgets on mobile devices, as this might interfere with the ability to scroll on touch screens. I think it's ok if the widgets are just there in the same left-to-right order the user has dragged them on Desktop device. Mobile devices can be considered as secondary devices, and it's ok the limit the features.

@mattab
Copy link
Member Author

mattab commented Jan 16, 2013

+1 for disabling widgets dragging feature in this special mode. This would avoid losing the custom layout.

@mattab
Copy link
Member Author

mattab commented Jan 13, 2014

I don't think this is needed anymore with the latest Piwik 2.0 css improvements.

@mattab mattab added this to the Future releases milestone Jul 8, 2014
This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc. wontfix If you can reproduce this issue, please reopen the issue or create a new one describing it.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@mattab @gka