Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Side Bar

Description



Tip

Click to Zoom (Larger Image)

1) Custom Settings Menu
This AJAX enabled selector menu can be used to navigate all portlets in a users layout. By selecting a portlet, uPortal should focus that portlet view for the user. This feature would give users persistent access to any portlet in the portal from one easy location. Depending on how this would be implemented, it may help disabled users since the screen reader would hit this list first.
2) Portlet Menu
This portlet should be displayed only in wide columns and prevented from being displayed in narrow columnsView Section
Sections are sub pages... or "tabs within tabs", depending on the nomenclature you use. This mockup illustrates an alternative way to navigate sections.

2) Clock Portlet
This is just a random sample of a portlet that could be developed for the side bar. Much of the thinking for the side bar has yet to be fully worked out, but the basic idea is inspired by docking tools found in operating systems. Ideally, the side bar can be hidden with an AJAX powered slide animation.

2) Tray Portlets
More examples of how the side bar can be used. Perhaps these are portlet states specifically designed for the side bar, or separate child portlets that have some form of integration with their respective parent portlet.

Drag and Drop

Description



Tip

Click to Zoom (Larger Image)

This mockup illustrates how a portlet could be dragged and dropped. A user would simply have to select the portlet header, invoking an cursor mode (directional arrows), and then drag to any "allowable" destination. If columns and portlets have narrow / wide specifications, the drag and drop behavior for portlets would have to obey those specifications.

...