Portlets

Portlets are areas on a page that can display content.  They are usually boxes of different kinds which allow static (e.g. text, photos, htlm) and dynamically updated content (e.g. from a collection, News, Events, an RSS feed, etc.).  With some planning, they can greatly enhance your site layout.

Most content items (pages, folders, news items, etc.) can display portlets.  Since portlets are most often placed on pages we will use pages for our examples.

Portlet Locations

Columns and Portlet Locations
Click for a larger image

There are 8 locations on any given page where portlets may be added. The screenshot, at right, identifies all portlet areas.  You can click on the image for a larger view.  Even though it is not always encouraged, you can add as many portlets as you like to any portlet location.

Standard Portlets

  • Portlets placed in the first and third columns are referred to as standard portlets.  
  • It is required that all sites leave the navigation as the first/uppermost element of the first column.  Any portlets added to the first column must be placed below any left-hand navigation.
  • If no content is placed in the first and/or third columns, the content for the page as well as the content area portles will expand to encompass that area so as not to leave large blank areas on the page.
  • Reference labels 1 and 2 in the image on the right for the location of standard portlets.

Content Well Portlets

Portlets in the Header Area

  • Allows you to place content above all three columns of a page.  It will be placed just below a sites horizontal navigation and above the breadcrumbs.
  • Reference label 3 in the image on the right.
  • We discourage the placement of too much content in this portlet.  The bulk of a pages content should be placed on the page itself or in one of the content well portlets located below the page title.
  • This area is best used to display graphical things such as banners and alerts (e.g. weather alerts).

Portlets Above the Content

  • You can add portlets above the normal content of a page.  Any portlet(s) added here will appear above the page title and description and will be contained between the first and third columns.
  • Reference label 4 in the image on the right.

Portlets Below the Content Title

  • Portlets added here will be located directly below the page title and will be contained between the first and third columns.
  • Reference label 5 in the image on the right.

Portlets Below the Content

  • Portlets added here will come after any page content and will be contained between the first and third columns.
  • Reference label 6 in the image on the right.

Portlets in the Footer

  • You can add portlets to the footer (not to be confused with the Site Footer) which will expand the width of all three columns.  It is located below the columns and above the site footer.
  • Reference label 7 in the image on the right.

 

Site Footer

  • All sites are required to provide contact information on their site. We strongly encourage you to place it in the site footer.
  • Reference label 8 in the image on the right.


Managing Portlets

Each portlet area has a light green button below it that allows you to manage the portlets for that section. The width of the light green button indicates the area the portlets for that sections will encompass.