Skip to Main Content
Return to Navigation

Creating and Maintaining Portal Branding Objects

This topic provides an overview of portal branding objects and discusses how to:

Understanding Portal Branding Objects

Portal branding allows you to create and maintain branding objects such as HTML, JavaScript, free form style sheets, and images without requiring access to PeopleSoft Application Designer. These objects can then be used in places such as custom layout objects for pagelets and homepage tabs. In addition, portal branding allows you to specify pagelet branding attributes, such as a pagelet icon, whether to display the pagelet title or borders, and so on.

While you can create and maintain similar HTML, JavaScript, and free form style sheet objects, and images in PeopleSoft Application Designer, these PeopleSoft Application Designer objects are not accessible to be viewed or maintained through portal branding. However, if you enter the same name as an existing PeopleSoft Application Designer object and if you have edit permissions on the managed object, then you will be prompted as to whether you want to overwrite the existing object through portal branding. Conversely, objects that you create through portal branding can be viewed and updated in PeopleSoft Application Designer.

Note: You can use PeopleSoft Application Designer to migrate these portal branding objects from a test environment to a production environment.

Creating and Maintaining HTML Objects

Access the HTML Objects page. (Select select PeopleTools, then select Portal, then select Branding, then select Branding Objects.)

Image: HTML Objects page

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

HTML Objects page

HTML objects created in PeopleSoft Application Designer cannot be viewed or edited in portal branding. However, HTML objects created in portal branding can be viewed and modified in PeopleSoft Application Designer.

Creating and Maintaining JavaScript Objects

Access the JavaScript objects page. (Select select PeopleTools, then select Portal, then select Branding, then select Branding Objects. Select the JavaScript tab.)

Image: JavaScript objects page

This example illustrates the fields and controls on the JavaScript objects page. You can find definitions for the fields and controls later on this page.

JavaScript objects page

HTML objects created in PeopleSoft Application Designer cannot be viewed or edited in portal branding. However, JavaScript objects created in portal branding (and stored as HTML objects) can be viewed and modified in PeopleSoft Application Designer.

Creating and Maintaining Style Sheet Objects

Access the Style Sheet objects page. (Select select PeopleTools, then select Portal, then select Branding, then select Branding Objects. Select the Style Sheet tab.)

Image: Style Sheet objects page

This example illustrates the fields and controls on the Style Sheet objects page. You can find definitions for the fields and controls later on this page.

Style Sheet objects page

Style sheet objects created in PeopleSoft Application Designer cannot be viewed or edited in portal branding. However, free form style sheet objects created in portal branding can be viewed and modified in PeopleSoft Application Designer.

Adding and Editing Branding Objects

Access the Add/Edit Branding Object page. (On the HTML Objects page, JavaScript objects page, or Style Sheet objects page, either click the Upload Object link or click the Edit button for an existing object.)

Image: Add/Edit Branding Object page

This example illustrates the fields and controls on the Add/Edit Branding Object page (for an HTML object). You can find definitions for the fields and controls later on this page.

Add/Edit Branding Object page

Uploading and Maintaining Images

Access the Image objects page. (Select select PeopleTools, then select Portal, then select Branding, then select Branding Objects. Select the Image tab.)

Image: Image objects page

This example illustrates the fields and controls on the Image objects page. You can find definitions for the fields and controls later on this page.

Image objects page

Image objects created in PeopleSoft Application Designer cannot be viewed or edited in portal branding. However, image objects created in portal branding can be viewed and modified in PeopleSoft Application Designer.

Adding and Editing Images

Access the Add/Edit Image page. (On the Image objects page, either click the Upload Image Object link or click the Edit button for an existing image. Alternatively, on the Pagelet Branding page, click the Upload new image link.)

Image: Add/Edit Image page

This example illustrates the fields and controls on the Add/Edit Image page. You can find definitions for the fields and controls later on this page.

Add/Edit Image page

Maintaining Pagelet Branding Attributes

Access the Pagelet Branding page. (Select select PeopleTools, then select Portal, then select Branding, then select Pagelet Branding.)

Image: Pagelet Branding page

This example illustrates the fields and controls on the Pagelet Branding page. You can find definitions for the fields and controls later on this page.

Pagelet Branding page

Warning! The Pagelet Icon option is currently incompatible with either the Hide Pagelet Title Bar option or the Hide Pagelet Border option. Do not specify these options together for the same pagelet.

Note: If a pagelet is already in use on a homepage tab or dashboard page, clear the application server cache so that these branding changes become visible to all users. Alternatively, for testing purposes, you can remove the pagelet from the homepage or dashboard page and then add it back to view the changes on a per-user basis.