Skip to main content link. Accesskey S

Popup Help

Popup help is launched when the user clicks on a help icon anywhere in the UI.

Directionality:

Classes

  • lotusInfoBox - the main class for info boxes (the original help component was the same as a tips box.)
  • lotusHelp - an additional class assigned along with lotusInfoBox to the wrapping div.

Basic Implementation

The help information is coded on the page in an absolutely positioned div that is placed below the footer and assigned a unique id.

h3 tags are used for the help title (the bolded text that includes the colon)

Examples

Sample HTML

CSS (help.css)

Theme CSS (helpTheme.css)

This component began as a tips box. There was a popup variation that was styled very similarly. Over time this has changed, but we still have the legacy lotusInfoBox that we have to assign along with the lotusHelp class.

See also:

IBM, the IBM logo, ibm.com and Lotus are trademarks of International Business Machines Corp., registered in many jurisdictions worldwide. Other product and service names might be trademarks of IBM or other companies. A current list of IBM trademarks is available on the Web at "Copyright and trademark information" at www.ibm.com/legal/copytrade.shtml.