A page template defines the common appearance of a number of pages in the application.

A page template is usually responsible for:

  • The general layout of the page in terms of header, body, and footer
  • The color scheme, logo and branding
  • The presence of a sidebar and of the breadcrumbs
  • The inclusion of common JavaScript and CSS resources
  • The definition of the containers (see below)

Portofino has pre-defined templates (default, full-width , main-with-wells , etc...) but other templates can be added. To choose a template, configure the page and choose a template from the drop-down list.

Below are the descriptions and screenshots of the three standard templates. 

Default template

The default template is a fluid layout suitable for intranet application. It provides a sidebar and breadcrumbs for easy navigation even in complex applications with many pages.

The template provides four containers (top, left, right, bottom).

Full-width template

Similar to the default template but without the sidebar. It provides four containers (top, left, right, bottom).

Main-with-tabs template

Similar to the default template but with embedded child pages in different tabs .

Well-with-tabs template

Similar to the main-with-tabs template but with the container page in a well .

Main-with-wells template

Without the sidebar and with child pages in different wells.

Dialog template

Login-like page template , it's without embedded child pages and the sidebar.