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
- 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
- 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.
- 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
PeopleSoft Lead Consultant