HTML Templates

HTML Content Layouts

Below is step by step instruction on how to implement the example HTML Content Layout, however, is really just a starting point to get you started.  For more information, refer to the Oracle Portal documentation.

 

How to Implement the HTML Content Layout Example

Asumes working knowledge of Oracle Portal, HTML, CSS, and Page Skins.
StepDescription
1 Download the example HTML Content Layout and CSS file.
2 Add the CSS definitions from the CSS example to the Page Skin CSS file. Or create a another entry in the Page Skin for this second CSS file. If you don't implement a page skin, then you will have to embed the style elements directly into the content layout with either CSS tags or basic HTML style tags. This method would work just as well, but is not as flexible to change.
3 In Portal, navigate to the Builder Page. Use the Create link in the HTML Templates section. Choose Template Type of HTML Content Layout, and enter a Template Name. Then cut and paste the HTML Content Layout example into the Template Definition area.
4 Use the tags as substitution variables link to see what kinds of Portal tags you can use in an HTML Content Layout.
5 On your Portal Page or Portal Template, create a region where you will place some items.
6 Edit the Region by using the the pencil icon on the Region bar.
7 Click the Attributes Tab.
8 Select the Use HTML Content Layout radio button, and then use the pull-down menu to choose the HTML Content Layout you created in Step 3. Click the OK button.
9 Add an Text Item to the Region. It should be formatted according to the HTML Content Layout.
10 Add a URL Item to the Region. It should be formatted according to the HTML Content Layout.
11 You can also use HTML Content Layouts with custom types in order to create an even more customized look. Just modify the If-Then PL/SQL statements to suit your needs.

Cascading Style Sheets

Cascading Style Sheets (CSS) is used exclusively for formatting (i.e. HTML format tags are not implemented) meaning if you're looking for how something got its look, the definition will be found in the CSS file.

How Content Layouts Were Implemented with CSS

The SageLogix website was built using one CSS file. The CSS file defines formatting for both the page skin and content layouts. If you choose not to implement a page skin, you cannot you an external CSS file for defining style attributes for content layouts. You could, however, embed STYLE tags within the content layout definition.