Creating a New Page Template with a New Portal Skin 4-5
Four folders reside in that directory: images, skins, templates, and UCM Content, as shown in
Figure 4–6 . Note that the UCM Content folder contains content that
you need to upload to a UCM content repository, as discussed in Section , Step 6:
Download the Sample Tutorial Files.
Figure 4–6 The Images, Skins, Templates, and UCM Content Folders for Setup Residing
on Your Local Hard Drive
3.
Extract the contents of the images folder Figure 4–7
and move those contents to the MyApplicationPortalpublic_htmlimages folder in your portal
application.
Figure 4–7 The Expanded Images Folder in the Tutorial Setup Directory
4. Repeat the same procedure for contents of the skins folder
Figure 4–8 , moving
those contents to the MyPortalApplicationPortalpublic_ htmloraclewebcenterportalappskins
folder in your portal application. Note that the extracted skin is a Cascading Style Sheet CSS
document.
4-6 Oracle Fusion Middleware Tutorial for Oracle WebCenter Developers
Figure 4–8 Expanded Skins Folder in the Tutorial Setup Directory
5. Repeat again the same procedure for the contents of the templates folder
Figure 4–9 , moving those contents to two separate locations, in this case moving
the myTemplate.jspx template to the MyPortalApplicationPortalpublic_
htmloraclewebcenterportalapppagetemplates folder and the
myTemplatePageDef.xml to the
MyPortalApplicationPortaladfmsrcoraclewebcenterportalapp pagetemplates
folder.
Figure 4–9 Expanded Templates Folder in the Tutorial Setup Directory
6. Now select the Portal folder at the top level of your Project and click the Refresh
icon in JDeveloper not your web browser. This will refresh and save each of the folders whose contents you have extracted and copied to your portal application
in JDeveloper, as shown in Figure 4–10
. The myTemplatePageDef.xml file now resides in the pagetemplates folder.
Creating a New Page Template with a New Portal Skin 4-7
Figure 4–10 The Portal Hierarchy Refreshed to Include the Extracted Files for Setup
7.
Once you refresh the page templates and skins folders in your portal application, the copied files, myTemplate.jspx and tutorial-skin.css, appear in their
respective folders, as shown in Figure 4–11
.
Figure 4–11 The myTemplate.jspx file and tutorial-skin.css File in the Portal Project
Folders
8.
Close the Portal Application Sources folders and navigate to the webcenter folder in your project directory.
4-8 Oracle Fusion Middleware Tutorial for Oracle WebCenter Developers
Step 3: Create Portal Resources and Apply the New Template and Skin
In this next sequence of steps, you will create a portal resource at design time to customize both the site template and apply the newly provided tutorial skin.
1.
Open the webcenter folder in your portal project and navigate to the pagetemplates
folder in the directory.
2.
Select the myTemplate.jspx file and right-click the file.
3. Select the Create Portal Resource menu item, shown in
