Skip to main content link. Accesskey S

Tips

The tips box is used to give the user information on using the page. It can have a close icon so the user can dismiss it.

The title of the box is always "Tips."

Directionality:

Classes

  • lotusInfoBox - this class goes on the div that wraps the tips component.

Basic Implementation

The tips box uses an h3 tag for the title.

The word "Tips" is wrapped in a span tag and floated left if there is a close button. The close image is wrapped in a link and floated right.

Examples

Sample HTML

CSS (help.css)

Theme CSS (helpTheme.css)

The top box used to have the same styling as the help popup. Over time the styles have diverged, but popup help still uses the infoBox class name 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.