Knowledge

HTML Templates

Oracle Portal HTML Template Examples:
HTML Page Skins
HTML Content Layouts

Below are examples of how to use Oracle Portal HTML Templates. These examples use Cascading Style Sheets (CSS) to format the HTML rather than placing style elements directly into the HTML.  This allows for better separation between content and style, although does not mean that this is the only way to implement HTML Templates. You will find that there are many different ways and approaches to using HTML Templates. These are basic examples to get you started.

What are HTML Templates?

In Oracle Portal 10.1.4, Oracle introduced a new feature called HTML Templates. These templates are simiular to UI templates, but are more flexible and allow for more control over the look and feel of a Portal web site. There are two kinds of HTML Templates: 1) HTML Page Skins, 2) HTML Content Layouts.

HTML Page Skins

Page skins define how the area surrounding the Portal content will appear on the page. This functionality is typically used to place the same objects on all pages. Consequently, page skins usually include things like a navigation bar, footer area and logo area, however, is not limited to these things.

HTML Content Layouts

Content Layouts define how Oracle Portal Items appear on a page. A Content Layout is applied to a Portal Region, meaning a single content layout affects items in a single region. If you were to create a Content Layout, for example, that says all Text Items appear in green, and apply that content layout to a particular region, Text Items created in that region would show up in green.

HTML Page Skins

 

How to Implement the Page Skin Example

Instructions on how to implement the example page skin.

Example - Base HTML

Contains the basic HTML with Cascading Style Sheets (CSS) tags.

Example - Page Skin with CSS

A page skin built from the base HTML and a CSS file. A sub-navigation menu appears but is not a part of the page skin. The sub-navigation is an HTML portet that is configured in a Portal region.

Download Example - Page Skin

The example page skin.

Download Example - Page Skin CSS File

Cascading Style Sheet (CSS) file that goes with the example page skin.

HTML Content Layouts

 

How to Implement the HTML Content Layout Example

Instructions on how to implement the example HTML content layout.

Download Example - HTML Content Layout

The example HTML Content Layout, which contains paragraph CSS formatting for URLs and Text items.

Download Example - HTML Content Layout CSS File

The example CSS file that goes with the example HTML Content Layout.