Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Current status

A demo is available atYou can demo these features in Yale's production uPortal instance: https://portaldevportal.its.yale.edu/YaleInfo2dotoh/
or https://portaldev.itsportal.yale.edu/YaleInfo2dotoh/Login?userName=demo&password=demo to log in as the demo user.

Screenshots are also linked from the bottom of the page.

Brower compatibility: IE6, IE7, Firefox, Safari.

Working features

Channels

screenshots: browsing channels, searching channels, moving channels

Adding channels is currently performed by a popup-type menu. Users may browse channels by category or use a search menu. Once a channel is selected, the channel title and description is displayed below the choose area. Users may either click the "use it now" button, which opens the channel in focus mode in a new window, or add it permanently to their current page.

...

Deleting channels: Performed by clicking the delete button in the channel's title bar. Instead of reloading the page, javascript code removes the channel element from the DOM and sends an AJAX request to the preferences servlet.

Tabs

screenshots: editing active tabs

Clicking an active tab transforms the tab into an editing box. Users may rename the tab, move it left or right, or delete the tab.

Columns

screenshots: editing page layout

A popup-type editing menu allows users to change the number of columns on the page and their respective widths.

...

UpdatePreferences: Performs all preferences editing callback target actions and returns new node Ids when necessary.

RetrieveChannelListServlet: Exposes the channel registry for the session user.

AjaxPreferencesThemeParamInjector: Turns on ajax functionality.

Javascript resources

The new javascript resources are in the common directory on the media path. Eventually we might want to have a separate script path for these resources.

Dojo!

ajax-preferences.js

Other resources

An additional CSS stylesheet called {$skin}_preferences.css has been added to each of the skins. This file controls the look and feel of all the ajax menus.

Anchor
screenshots
screenshots
Screenshots

Gallery