Panel #1. Changing Style Synchronously Each component in the RichFaces has a pre-defined set of classes you can manipulate with. If defined, those classes overwrite the ones come from the skin. Panel #2. Changing Style Synchronously In this example, we define header color using the .rich-panel-header class and all panels located on the same page inherit this color Panel header Base on the previous layout, but some javascript behaviour added. Scrolling Text Panel Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text Long Text This is a panel without the header Panel header This is a panel with absolute position on the screen.
Resize the browser's window to see the result.