{"id":32015,"date":"2026-01-06T08:57:33","date_gmt":"2026-01-06T08:57:33","guid":{"rendered":"http:\/\/kovaion-new1.local\/peopletools-custom-branding\/"},"modified":"2026-01-06T08:59:15","modified_gmt":"2026-01-06T08:59:15","slug":"peopletools-custom-branding","status":"publish","type":"post","link":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/peopletools-custom-branding\/","title":{"rendered":"PeopleTools Custom Branding"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><strong>Branding<\/strong><\/p>\n<p>Branding is the defined personality of a product, service, company, organization or individual.<\/p>\n<p>Powerful and flexible branding features, allows customizing the look and feel of any PeopleSoft application. The branding changes can be limited to<\/p>\n<ul>\n<li>Individual portals<\/li>\n<li>Individual classic components<\/li>\n<li>User by role or permission list<\/li>\n<li>fluid components by node<\/li>\n<\/ul>\n<p>Or made available to the entire system<\/p>\n<p>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<\/p>\n<p>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.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>System Default Level \u2013 Branding System Options<\/strong><\/h2>\n<p><strong>Navigation:\u00a0<\/strong>People Tools &gt; Portal&gt; Branding &gt; Branding System Options<\/p>\n<p>System wide branding settings are set using this page (highlighted in image below in same order)<\/p>\n<ul>\n<li>Branding Theme<\/li>\n<li>Default style sheet for classic components<\/li>\n<li>Default style sheet for fluid components<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16880\" src=\"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/peopletools-custom-branding-1-300x260.png\" alt=\"peopletools-custom-branding-1\" width=\"647\" height=\"561\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Let us now see how to use to system level settings to customize look and feel of PS application<\/p>\n<ol>\n<li><strong>Change Header Logo \u2013 Fluid looking classic header<\/strong><\/li>\n<\/ol>\n<p>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.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16879\" src=\"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/peopletools-custom-branding-2-300x129.png\" alt=\"peopletools-custom-branding-2\" width=\"679\" height=\"292\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Find the section which manages \u201cHeader Logo Image\u201d and replace default image with image to be displayed (shown below)<\/p>\n<p>&nbsp;<\/p>\n<p>Replace default style sheet with custom style sheet (KOV_DEFAULT_THEME_FLUID) in the following navigation as shown in the below screenshot<\/p>\n<p><strong>Navigation:\u00a0<\/strong>Main Menu &gt; People Tools &gt; Portal &gt; Branding &gt; Assemble Themes<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Navigation:<\/strong>\u00a0Main Menu &gt; People Tools &gt; Portal &gt; Branding &gt; Branding system options<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16878\" src=\"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/peopletools-custom-branding-3-300x44.png\" alt=\"peopletools-custom-branding-3\" width=\"723\" height=\"106\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><strong>Modify Edit box appearance in classic plus pages<\/strong><\/li>\n<\/ol>\n<p>Clone the PSSTYLEDEF_TANGERINE &amp; PT_CLASSIC_PLUS style sheets and save it with custom name (KOV_PSSTYLEDEF_TANGERINE, KOV_PT_CLASSIC_PLUS).<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16877\" src=\"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/peopletools-custom-branding-4-300x205.png\" alt=\"peopletools-custom-branding-4\" width=\"632\" height=\"432\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Here we modify the font size and padding level of edit box. Similarly we can tweak the styles of any object<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Note:<\/strong>\u00a0The changes we do to Classic plus style sheet will effect on all the classic plus pages in PeopleSoft.<\/p>\n<p>Style sheet is changed in branding system options<\/p>\n<p>&nbsp;<\/p>\n<p>Edit box in classic plus before and after customizing.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16876\" src=\"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/peopletools-custom-branding-5-300x215.png\" alt=\"peopletools-custom-branding-5\" width=\"668\" height=\"479\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><strong>Customize fluid homepage tiles<\/strong><\/li>\n<\/ol>\n<p>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.<\/p>\n<p>&nbsp;<\/p>\n<p>Reduce the size of tile (a class in KOV_PS_BASE_TILES style sheet)<\/p>\n<p>&nbsp;<\/p>\n<p>Style sheet is changed in Branding System Options<\/p>\n<p>&nbsp;<\/p>\n<p>Homepage tiles in fluid before and after customizing<\/p>\n<p>Before<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9106\" src=\"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/word-image-45.png\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" srcset=\"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/word-image-45.png 404w, https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-content\/uploads\/2026\/01\/word-image-45-300x114.png 300w\" width=\"689\" height=\"261\" \/><\/p>\n<p>After<\/p>\n<p><img decoding=\"async\" class=\"wp-image-9107\" src=\"https:\/\/web.archive.org\/web\/20240904210236im_\/https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-46.png\" \/><\/p>\n<p>Sivaprasad Cheruvupalli<br \/>\nPeopleSoft Lead Consultant<br \/>\nKovaion Consulting<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":22302,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-32015","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts\/32015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/comments?post=32015"}],"version-history":[{"count":1,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts\/32015\/revisions"}],"predecessor-version":[{"id":32016,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts\/32015\/revisions\/32016"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/media\/22302"}],"wp:attachment":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/media?parent=32015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/categories?post=32015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/tags?post=32015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}