Legal Notices

Legal notices appear after the footer. There are three different types - one for the login page, a longer one for the about page, and the shortest one for the rest of the application pages. The Java Compatible logo is only used on products that meet the requirements for the Java Compatible logo. The example below is simply to illustrate where the logo would go should your product be Java Compatible.

About page

Login Page

Other Pages

Classes

  • lotusLegal - the main class that goes on a layout table
  • lotusLicense - used on the table cell that contains the legal text
  • lotusBuild - used on the table cell that contains the build text

Basic Implementation

Create a table and assign it the class lotusLegal. In the first cell, place your company logo. Assign the lotusLicense class to the second cell and place the license text in the cell.

Variations

The legal area on the login page is constructed the same way, with slightly longer license text.

The legal area on the about page has a third table cell that contains the java logo (javaLogo.gif). The license text in the second cell is longer. And it contains a second table row with build information in the center cell (assign the lotusBuild class to that cell).

Accessibility

Add the contentinfo landmark role to the lotusLegal div.

Add role="presentation" to the layout table.

Examples

Sample HTML - About

Sample HTML - Login

Sample HTML - Other

CSS (legal.css)

Theme CSS (legalTheme.css)

This component started off using a div but variations evolved and it became easier to line up image(s) and text using a layout table.

The div version of the legal statements are obsolete. Use the table version of the component, as described on this page.

January 2011: added accessibility information

See also: