Skip to main content link. Accesskey S

Using the lotusui namespace

The lotusui namespace was created to allow applications to embed components into another application / web page. The lotusui class can be applied to the body tag if you are creating a stand-alone application, or to a div surrounding a piece of code (these are called data islands ).

To add components to an already existing page using a data island:

  • Surround components with a div assigned the class of "lotusui"
  • Add code to detect if high contrast is turned on which adds the "lotusImagesOff" class to the div assigned the "lotusui" class
  • Surround the div assigned the "lotusui" class with another div to receive the browser detection classes such as "lotusui_ie", etc. Then add the code to do the browser detection.
  • Link base.css into the head section of your page
  • Link in the appropriate component style sheets

Namespacing Components

All the class names found in this documentation use the lotus prefix. This ensures that they are unique and won't clash with other classes that may exist on the same page.

Products that are adding classes to their pages should use their own unique prefix. If they create a component that gets adopted into the Lotus UI component set, the prefix will at that time be changed to lotus.

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.