PeopleTools Custom Branding

Branding

Branding is the defined personality of a product, service, company, organization or individual.

Powerful and flexible branding features, allows customizing the look and feel of any PeopleSoft application. The branding changes can be limited to

  • Individual portals
  • Individual classic components
  • User by role or permission list
  • fluid components by node

Or made available to the entire system

Style sheets determine the look and feel of the system. Based on the level style sheets are applied to we can customize the look and feel of PS application as per customer needs. Style sheets can be applied at various levels

For both classic and fluid pages the style sheets are loaded in the same order mentioned above. Therefore the page or component style sheet override the class definition defined at the system level. Similarly the theme or skin style sheets override the class definitions defined at the page or component level.

System Default Level – Branding System Options

Navigation: People Tools > Portal> Branding > Branding System Options

System wide branding settings are set using this page (highlighted in image below in same order)

  • Branding Theme
  • Default style sheet for classic components
  • Default style sheet for fluid components

Let us now see how to use to system level settings to customize look and feel of PS application

  1. Change Header Logo – Fluid looking classic header

Clone the DEFAULT_THEME_FLUID style sheet and save it with custom name (KOV_DEFAULT_THEME_FLUID). Ensure the delivered style sheet is cloned to avoid missing out any existing styles.

Find the section which manages “Header Logo Image” and replace default image with image to be displayed (shown below)

Replace default style sheet with custom style sheet (KOV_DEFAULT_THEME_FLUID) in the following navigation as shown in the below screenshot

Navigation: Main Menu > People Tools > Portal > Branding > Assemble Themes

Navigation: Main Menu > People Tools > Portal > Branding > Branding system options

Home page header logo before change:

Homepage with custom logo after change

  1. Modify Edit box appearance in classic plus pages

Clone the PSSTYLEDEF_TANGERINE & PT_CLASSIC_PLUS style sheets and save it with custom name (KOV_PSSTYLEDEF_TANGERINE, KOV_PT_CLASSIC_PLUS).

Here we modify the font size and padding level of edit box. Similarly we can tweak the styles of any object

Note: The changes we do to Classic plus style sheet will effect on all the classic plus pages in PeopleSoft.

Style sheet is changed in branding system options

Edit box in classic plus before and after customizing.

  1. Customize fluid homepage tiles

Clone PSSTYLEDEF_FMODE, PS_BASE_A_STYLES and PS_BASE_TILES style sheets (saved as KOV_PSSTYLEDEF_FMODE, KOV_PS_BASE_A_STYLES and KOV_PS_BASE_TILES). Add the above cloned style sheets to KOV_PSSTYLEDEF_FMODE.

Reduce the size of tile (a class in KOV_PS_BASE_TILES style sheet)

Style sheet is change in Branding System Options

Homepage tiles in fluid before and after customizing

Before

After

Sivaprasad Cheruvupalli
PeopleSoft Lead Consultant
Kovaion Consulting

PeopleSoft Services

Implement, Enhance, Update & Support PeopleSoft at Zero Cost!

Read More