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

Add possibility to toggle (show/hide) left menu #9263

Closed
tsteur opened this issue Nov 23, 2015 · 11 comments
Closed

Add possibility to toggle (show/hide) left menu #9263

tsteur opened this issue Nov 23, 2015 · 11 comments
Labels
c: Usability For issues that let users achieve a defined goal more effectively or efficiently. Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc.
Milestone

Comments

@tsteur
Copy link
Member

tsteur commented Nov 23, 2015

Possibly via keyboard shortcut see
#8936 (comment)

Zen Mode was removed as it was supposed to remove the space it needs in the header, as the header doesn't need much space anymore it is no longer needed. We might introduce a ZenMode later at some point which will be eg activated by pressing the key z which will fade out the left menu to have full width content. The left menu is not really needed anymore when using search

Not sure if we would show an icon again.

Another version will be to show only the icons and only a very small left menu when screen width is low. This would be a different issue though probably since complexity is higher.

@tsteur tsteur added Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc. c: Usability For issues that let users achieve a defined goal more effectively or efficiently. labels Nov 23, 2015
@mattab mattab added this to the Mid term milestone Nov 25, 2015
@mattab mattab modified the milestones: Short term, Mid term Nov 26, 2015
@mattab mattab added the Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical. label Nov 26, 2015
@tsteur tsteur self-assigned this May 11, 2016
@tsteur
Copy link
Member Author

tsteur commented May 11, 2016

In Piwik 3 it will be possible to enable/disable Zen Mode and hide left menu + header by pressing z. We need to think about a way to make users aware of this possibility

@mattab
Copy link
Member

mattab commented Sep 23, 2016

We need to think about a way to make users aware of this possibility

Maybe we could do it with an icon, that would be displayed on the same line as the top controls, that on click would enable the zen mode? Something like this:

icon to collapse to zen mode

(Icon could be either displayed at all times, or only on hover on the top controls)

Once in Zen mode, we could show the icon (on hover or all the time) to exit zen mode:

exit zen mode with icon

(Note: stole this nice idea from google docs and saw the same pattern in whatsapp)

@tsteur
Copy link
Member Author

tsteur commented Sep 23, 2016

We just need to think about solution for demo.piwik.org where there is something else in the right. Also depending on the resolution there is not much space to the right of dashboard etc. Would also need to find solution for mobile devices

@mattab
Copy link
Member

mattab commented Oct 3, 2016

@tsteur moving to beta2 - would be nice to have in Piwik 3 but not absolutely required 👍

@mattab mattab modified the milestones: 3.0.0-b2, 3.0.0-b1 Oct 3, 2016
@tsteur
Copy link
Member Author

tsteur commented Oct 3, 2016

shouldn't be too hard to implement, we just need a solution that works on all resolutions etc and on demo

@mattab mattab modified the milestones: 3.0.0-b2, 3.0.0-b3 Oct 30, 2016
@mattab mattab modified the milestones: 3.0.0-b3, 3.0.0-b4 Nov 14, 2016
@mattab mattab modified the milestones: 3.0.0, 3.0.0-b4 Dec 1, 2016
@MikeN123
Copy link

I just accidentally enabled 'zen mode' by pressing 'z' in Piwik 3.0, and had no idea how to get out of it, until I checked my cookies and saw the zen mode cookie. It doesn't seem to display any 'exit zen mode' button. May be something you want to fix.

@tsteur
Copy link
Member Author

tsteur commented Dec 20, 2016

You can get out of it by pressing 'z' again, but indeed if you don't know what triggered it initially, it is hard to find. Be good to find a solution for this.

@tsteur
Copy link
Member Author

tsteur commented Dec 20, 2016

Maybe we add another selector like this?

image

or is it too visible? Having it to the right would be hard to manage probably because of responsiveness, small screens and with piwik demo

@MikeN123
Copy link

Looks fine to me, it at least gives the user a way out if they don't know the 'z' shortcut.

@tsteur tsteur removed their assignment Sep 25, 2017
@tsteur
Copy link
Member Author

tsteur commented Sep 25, 2017

Now that we have removed the "you are viewing the demo of Piwik" message in the right top bar, we could add it there as suggested by @mattab in #9263 (comment)

Be great to have 👍

@mattab
Copy link
Member

mattab commented Jan 19, 2018

Fixed in #12459

@mattab mattab closed this as completed Jan 19, 2018
@mattab mattab modified the milestones: 3.4.0, 3.3.1 Jan 19, 2018
@mattab mattab removed the Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical. label Mar 27, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
c: Usability For issues that let users achieve a defined goal more effectively or efficiently. Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc.
Projects
None yet
Development

No branches or pull requests

3 participants