Difference between revisions of "PT Portlet Page"

From ADF Docs
Jump to: navigation, search
(Steps)
(Steps)
Line 23: Line 23:
 
## 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 to be a little less than a 1/3 of width of your content area (Default: '''150''')
 
## Set your column width to be a little less than a 1/3 of width of your content area (Default: '''150''')
## Leave the "Class Name" field blank (this an advanced configuration option)
+
## Leave the "Class Name" field blank (an advanced configuration option)
 +
## If you have configured any Default Pods, click on the "Select Default Pods" tab
 +
### Select the default pods for this column
 
## Click ''Finish''
 
## Click ''Finish''
  

Revision as of 01:54, 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 the following 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 to be a little less than a 1/3 of width of your content area (Default: 150)
    4. Leave the "Class Name" field blank (an advanced configuration option)
    5. If you have configured any Default Pods, click on the "Select Default Pods" tab
      1. Select the default pods for this column
    6. Click Finish