Popup Help
Popup help is launched when the user clicks on a help icon anywhere in the UI.
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.