Academus Style Site Map in uPortal

By default, uPortal provides a Site Map that renders a quick map of the users layout, where the tabs are rendered as columns, with the channels within that tab rendered vertically as shown below.

This is perhaps a good way to layout the information if there is only a few tabs. As this sample demonstrates, the site map stretches horizontally with only 7 tabs.

For Academus, the site map was modified to render the information in 2 columns to eliminate the probability of having to scroll horizontally.

This is easy to duplicate in uPortal (specifically uPortal 2.6.0).

1. Download academus_sitemap_files.zip and expand somewhere.
2. Modify the Site Map channels XSLT
   
   • File is located at: uPortal/WEB-INF/classes/org/jasig/portal/layout/channels/sitemap/sitemap.xsl
   • Can replace it with sitemap.xsl (from academus_sitemap_files.zip).
3. Add styling to the skin to affect the Site Map as desired
   
   • Replace default skin file at: uPortal/media/org/jasig/portal/layout/tab-column/xhtml-theme/spring/skin/spring.css with spring.css (from academus_sitemap_files.zip).
   • Add sitemap.css (from academus_sitemap_files.zip) and place in same folder as spring.css
4. Restart the Portal

This should result in a Site Map as shown below:

Obviously, for a production environment these changes should be made to the source and not the deployed files. Also, the CSS may need to be modified to match the portal's actual skin.