HTML Templates

Page Skins

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

 

How to Implement the Page Skin Example

Asumes working knowledge of Oracle Portal, HTML and CSS.
StepDescription
1 Download the example page skin and CSS file. Edit the page skin and CSS file for any links you may want to modify to point to pages in your portal. Also, the CSS file contains logo images that have been commented out but which you could enable.
2 Edit the page skin to reflect where the CSS file exists (i.e. the link tag). You can place the CSS file in portal or have it be external to portal. If you place the CSS file on the web server, but simply in the Apache directory structure, you will most likely have to wait to see your changes. If you place the file in portal, webcache will pick up the changes, and you'll see the effects immediately.
3 (Optional) Edit the page skin to reflect external javascript. The example page skin does not contain any javascript, but this is how you can incorporate an external javascript for both your page skin and content layouts.
4 (Optional) Edit the page skin description keywords.
5 (Optional) Edit the page skin for URL link changes.
6 In Portal, navigate to the Builder Page. Use the Create link in the HTML Templates section. Choose Template Type of HTML Page Skin, and enter a Template Name. Then cut and paste the page skin example into the Template Definition area.
7 Use the tags as substitution variables link to see what kinds of Portal tags you can use in a page skin.
8 Decide how you'd like to use the page skin. You can either apply the page skin to a Portal Template, or you can apply the page skin directly to a page. More than likely you will want to apply the page skin to a Portal Template and then apply the Portal Template to a page, but this depends on what you are implementing.
9 To apply a page skin to a Portal Template, open the Portal Template Properties. Use the Optional Tab and select Use HTML Page Skin. Choose the page skin you created from the drop down menu.
10 To apply the Portal Template to your Portal Page, open the Page Properties. Use the Template Tab and select Use Portal Template. Choose the template you created in Step 9 from the drop down menu.
11 To apply a page skin to a Portal Page, open the Page Properties. Use the Template Tab and select Use HTML Page Skin. Choose the page skin you created from the drop down menu.

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 use an external CSS file for defining style attributes for content layouts. You could, however, embed STYLE tags within the content layout definition.