Difference between revisions of "PT Portlet Page"

From ADF Docs
Jump to: navigation, search
(Steps)
Line 19: Line 19:
 
# Your Page should now have a 3 container elements in a 3 column layout.
 
# Your Page should now have a 3 container elements in a 3 column layout.
 
## If not, verify that the '''portlet.css''' file is applied to your '''Portlet template'''
 
## If not, verify that the '''portlet.css''' file is applied to your '''Portlet template'''
# Repeat the next steps for each of the three columns:  
+
# Repeat these next steps for each of the three column containers:  
## In the container element place a ''Portlet Column'' custom element
+
## In the column container element place a ''Portlet Column'' custom element
 
## On the '''Portlet Column''' element interface click the '''New Data''' icon.  
 
## On the '''Portlet Column''' element interface click the '''New Data''' icon.  
 
## Set your column width a little less than a 1/3 of width of your content area (Default: '''150''')
 
## Set your column width a little less than a 1/3 of width of your content area (Default: '''150''')

Revision as of 01:22, 30 April 2010

Back to Build Subsites, Templates and Pages

Overview

The Porlet Page is the page that the user's customizable page.

To construct your Portlet Page page complete the following steps. Portlet pages can be built using many different configurations. This is a basic 3 column configuration. Use this step-by-step as to build a basic understanding setting up a Portlet page.

Steps

  1. Create a CommonSpot page with a name of 'index' and a title of Porlet Home using the Portlet template and place it in the Portlet subsite.
  2. In the main content of the page, add a Custom Script element.
  3. Enter the explicit module path for:
    1. /ADF/apps/pt_portlet/customcf/wizard_addpod_link.cfm
    2. Click Finish
  4. Add another Custom Script element.
  5. Enter the explicit module path for:
    1. /ADF/apps/pt_portlet/customcf/portlet-layout.cfm
    2. Click Finish
  6. Your Page should now have a 3 container elements in a 3 column layout.
    1. If not, verify that the portlet.css file is applied to your Portlet template
  7. Repeat these next steps for each of the three column containers:
    1. In the column container element place a Portlet Column custom element
    2. On the Portlet Column element interface click the New Data icon.
    3. Set your column width a little less than a 1/3 of width of your content area (Default: 150)


Reset the ADF for the server and site.