RIO Documentation

Installation

Rio provides a main template.xhtml and additional layoutmenu.xhtml, topbar.xhtml files for the base layout. These 3 files must be placed under WEB-INF folder. Provided empty-page.xhtml is a sample content page using the main template.xhtml that defines "content" as the main ui:define placeholder. Other required resources are the css, js, image and font files that are located inside resources/rio-layout folder, simply copy the rio-layout folder to your %WEB-APP-FOLDER%/resources folder so that final path would be %WEB-APP-FOLDER%/rio-layout/. Please refer to demo app or maven project of the demo app as the reference.

Theme is a regular PrimeFaces theme and setup is simple as defining primefaces.THEME context parameter in web.xml as "rio", refer to themes page for more information.

Migration Guide
3.1.2 to 3.1.3
  • - Replace theme jar with the new jar.
  • - Replace RioMenu.java with the new RioMenu.java.
3.1.1 to 3.1.2
  • - Replace theme jar with the new jar.
  • - Update layout.js, rio-layout.css, rio-layout.less and core-layout.css
  • - Replace RioMenuRenderer.java with the new RioMenuRenderer.java.
  • - Replace RioMenu.java with the new RioMenu.java.
3.1 to 3.1.1
  • - Replace theme jar with the new jar.
3.0.1 to 3.1
  • - Replace theme jar with the new jar.
3.0 to 3.0.1
  • - Update layout.js, rio-layout.css, rio-layout.less, core-layout.css and template.xhtml
  • - Replace theme jar with the new jar.
2.0.1 to 3.0
  • - Replace theme jar with the new jar.
2.0 to 2.0.1
  • - Update layout.js.
  • - Replace theme jar with the new jar.
1.1 to 2.0
  • - Update core-layout.css and rio-layout.css files.
  • - Update layout.js.
  • - Replace theme jar with the new jar.
1.0 to 1.1
  • - Update core-layout.css and rio-layout.css files.
  • - Update layout.js.
  • - Replace theme jar with the new jar.
  • - Use styleClass attribute instead of class attribute in h:body component of access-denied, login, error and 404 pages.
Core Layout

Core Layout is a set of CSS classes used to create responsive grid layouts with additional utilities. Rio uses Core Layout internally, however for grid layout you may also choose another utility like Grid CSS or Bootstrap Grid.

+1 888 123 4567
info@riorio.com