ChiliProject is not maintained anymore. Please be advised that there will be no more updates.

We do not recommend that you setup new ChiliProject instances and we urge all existing users to migrate their data to a maintained system, e.g. Redmine. We will provide a migration script later. In the meantime, you can use the instructions by Christian Daehn.

Collapsed project navigation for small screens (Feature #656)

Added by Romano Licker at 2011-10-13 10:42 am. Updated at 2011-10-14 12:02 am.

Status:Open Start date:2011-10-13
Priority:Normal Due date:
Assignee:- % Done:

0%
Category:User interface
Target version:-
Remote issue URL: Affected version:

Description

The project navigation presented in the new design (see #263) demands some space.
For users sitting infront of a small screen or for views which demand as much space as possible, this could be a problem.

Making the project navigation invisible would solve the problem, but isn't the navigation a feature the user should always have access to?
An idea that solves both issues, is a collapsed project navigation which shows only the images of the menu-items.
Clicking on the images opens the page or opens a sub-navigation layer.

I added some screenshots to explain the idea. These are just quick mockups (far from perfect).
The most important thing missing is the button to hide/show the project sidebar. It's still unclear where to place it.

What do you think about that feature?

2-mockup-small-control.png - collapsed state (74 kB) Romano Licker, 2011-10-13 10:42 am

3-mockup-small-control-open-content.png - collapsed state with click on issues (48 kB) Romano Licker, 2011-10-13 10:42 am

open-menu.png - Wordpress admin menu open (22.7 kB) Eric Davis, 2011-10-14 12:02 am

close-menu.png - Wordpress admin menu closed with a hover on the Post icon (32.2 kB) Eric Davis, 2011-10-14 12:02 am

History

#1
Updated by Eric Davis at 2011-10-14 12:02 am

Yea, this would work if both states are supported and is changeable for each user.

Wordpress' Admin menu does this quite well and that is what our menus have been modeled after. There is a button at the bottom to toggle an open and a collapsed menu. (Attached)

  • File open-menu.png added
  • File close-menu.png added

Also available in: Atom PDF