Difference between revisions of "PT Portlet Page"

From ADF Docs
Jump to: navigation, search
(Created page with 'Back to Build Subsites, Templates and Pages == Overview == The Porlet Page is the page that the user's customizable page. To …')
 
(Steps)
 
(7 intermediate revisions by one other user not shown)
Line 8: Line 8:
  
 
== Steps ==
 
== Steps ==
# 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'''.
+
# Create a CommonSpot page with a name of 'index' and a title of '''Portlet Home''' using the '''Portlet template''' and place it in the '''Portlet subsite'''.
 
# In the main content of the page, add a Custom Script element.
 
# In the main content of the page, add a Custom Script element.
 
# Enter the explicit module path for:
 
# Enter the explicit module path for:
Line 18: Line 18:
 
## Click Finish
 
## Click Finish
 
# 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 template
+
## If not, verify that the '''portlet.css''' file is applied to your '''Portlet template'''
 +
# Repeat the following steps for each of the three column containers:
 +
## In the column container element place a ''Portlet Column'' custom element
 +
## 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''')
 +
## 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''
  
 
<!--
 
<!--
Line 33: Line 41:
 
# Click ''More'' in the element interface.  Then the ''Custom Render Handlers'' menu option, and choose the ''Defualt'' or the ''Categories Page'' Render Handler.
 
# Click ''More'' in the element interface.  Then the ''Custom Render Handlers'' menu option, and choose the ''Defualt'' or the ''Categories Page'' Render Handler.
 
# Submit the Page.
 
# Submit the Page.
-->
 
  
 
== Update Configuration ==
 
== Update Configuration ==
Line 39: Line 46:
  
 
[[Reset ADF|Reset the ADF]] for the server and site.
 
[[Reset ADF|Reset the ADF]] for the server and site.
 +
-->
  
 
[[Category:Portlet]]
 
[[Category:Portlet]]

Latest revision as of 03:24, 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 Portlet 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