Skip to main content link. Accesskey S

Place Bar

The place bar sits under the titlebar, to show you what "place" you are in. It usually indicates an area that you can join, such as an activity or community.

The bottom border of the titlebar serves as the top border of the placebar.

Directionality:

Classes

  • lotusPlaceBar - this is the container class on the div.
  • lotusBtnContainer - used if you will have buttons on the placebar.
  • lotusBtn - class for the individual buttons.

Basic Implementation

Create a div with class of lotusPlaceBar. Inside it, use an h2 tag for the place title. You can include buttons using the default button (see button component) and button container.

Examples

Sample HTML

CSS (placebar.css)

Theme CSS (placebarTheme.css)

This component started off being styled by using lotusPlaceBar as an id. This is obsolete. Assign lotusPlaceBar as a 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.