Creating HTML- and JavaScript-Based Pagelets

You can create homepage pagelets based on HTML or JavaScript, as well as HTML objects. Rather than using PeopleTools to accomplish this, you can use the Manage HTML Pagelets page delivered with the PeopleSoft Interaction Hub. This page is designed specifically to transform your HTML or JavaScript code into a pagelet for display within the PeopleSoft Interaction Hub.

Page Name

Definition Name

Usage

Manage HTML Pagelets Page

EO_PE_HTML_PAGELET

Create and register HTML-, JavaScript-, and HTML-object-based homepage pagelets.

Use the Manage HTML Pagelets page (EO_PE_HTML_PAGELET) to create and register HTML-, JavaScript-, and HTML-object-based homepage pagelets.

Navigation:

Portal Administration > Pagelets > Internet > Manage HTML Pagelets

This example illustrates the fields and controls on the Manage HTML Pagelets page. You can find definitions for the fields and controls later on this page.

Manage HTML Pagelets page

Field or Control

Description

HTML Pagelet Name

Enter a pagelet name. This label appears in the pagelet's title bar. This name is used to register the pagelet.

Pagelet Source Type

Select the pagelet source type.

HTML

HTML Object

JavaScript

HTML Area

When the Pagelet Source Type is set to HTML, enter the HTML code for the pagelet you want to create and register.

When the Pagelet Source Type is set to JavaScript, enter the JavaScript code for the pagelet you want to create an register. Once you enter HTML and refresh the page, the URL field no longer displays.

This field does not appear when the Pagelet Source Type is set to HTML Object.

HTML Object Name

You can create an HTML object in Application Designer that contains static HTML. Enter the HTML object name to reference one of these objects.

Create Homepage Pagelet

Field or Control

Description

Pagelet Folders

Select the pagelet folder in which you want to register the pagelet.

Public Access

Select to indicate that you want the pagelet to have public access. When this check box is clear, the security default is to provide access to only the user who registered the pagelet. You can modify pagelet security by accessing the content reference.

See the product documentation for PeopleTools: Portal Technology, “Administering Portal Homepages and Pagelets.”

Registered

This check box displays as selected if the pagelet has already been registered.

Portal Object Name

Displays the object name of a registered pagelet.

Create HomePage pagelet

Click to create and register the pagelet.

Last Update Date/Time

Field or Control

Description

Creation Date

Displays the date on which the selected pagelet was created.

Last Update User ID

Displays the user ID of the user who last updated the pagelet.

Last Update Date/Time

Displays the date and time at which the pagelet was last updated.

Obtaining Pagelet Code

You can use your own HTML code to create pagelets on the Manage HTML Pagelets page, or you can use HTML code supplied by Internet sources. In the following example, a source has supplied the HTML code to include a source search box pagelet on your homepage.

This example illustrates a search-box pagelet HTML code.

Search Box pagelet HTML code

Insert this HTML code in the HTML Area field on the Manage HTML Pagelets page to create and register the search box pagelet for use in your PeopleSoft Interaction Hub.