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."
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.