https://support.oracle.com/CSP/main/article?cmd=show&type=NOT&doc...

E-PORTAL: FAQ on Customizing the 'Look and Feel' of the HomePage [ID 615589.1] Modified 31-MAR-2011 Type FAQ Status PUBLISHED

In this Document Purpose Questions and Answers How to Change the Color of the Blue bar (or delete the bar ) in the header which contains 'Home','Worklist' etc., links? How to Change the Look and Feel of the Pagelet? Like Changing the Color, Fonts etc., How to change the search bar color? How to change the width of the column's in the home page? Problem with weather Magnet pagelet. Which object loads this pagelet. How to change/remove the "powered by PeopleSoft" from the bottom of the page. What is the name of HTML object that has to be modified? How to change the PeopleSoft Logo and how to change the size of the logo that is being painted on the Homepage? How to add images to the pagelets header to give a Visual meaning to the header? How to customize the look of enterprise menu in 8.4? How to change the default font size of company news? What security menu controls the Personalize Layout and Personalize Content links? How to remove the Personalize content and layout from home page? How to hide the Search Box and the 'Go' Button on the Enterprise Menu? Is there a way to add a relative link to the Portal header and not break the header ? My favorites Content Reference is Missing. How to get it again. Custom Portal Headers - GetProperty() method does not exist?(This is in Peoplebooks) Some Pages (HTML Pagelets) not expiring within the Enterprise Portal? How to expire the HTML Pages in PeopleSoft? How to Remove the Search Box and the Go Button From Portal Header? How can we display PS pages in a frame within the third party existing Portal ? "CM - News - Display Article" does not fit screen widths well with 800x600 or 1024x768 screen resolutions? What is the Template used for the CM - News - Display Article" page and where can the cref be found? References

Applies to:
PeopleSoft Enterprise PRTL Applications Portal - Version: 8.4 to 9.1 - Release: 8.4 to 9 PeopleSoft Enterprise PT PeopleTools - Version: 8.40 to 8.49 [Release: 8.4 to 8.4] PeopleSoft Enterprise PRTL Applications Portal - Version: 8.4 to 9 [Release: 8.4 to 9] Information in this document applies to any platform. SPECIFIC TO: All 8.4x PeopleTools Versions This document was previously published as Customer Connection Solution 200727798

Purpose
We have several questions about changing the look and feel - the branding - of the HomePage. ATTENTION! This is for reference only! Some of these solutions are workarounds. These workarounds have not gone through our formal quality regression test cycle. We strongly recommend that you thoroughly test this each workaround in a development environment before applying it to your production environment. Be sure to document these changes as these workarounds may be detected during your next upgrade. Because each workaround has not yet gone through our formal quality regression test cycle, they may be different than the final solution delivered in a PeopleTools patch or Minor/Major release. We in Global Customer Support recommend PeopleSoft Consulting for any further questions regarding customizing the Look and Feel of the HomePage.

Questions and Answers How to Change the Color of the Blue bar (or delete the bar ) in the header which contains 'Home','Worklist' etc., links?
In the Application Designer, Open the HTML Object - PORTAL_UNIHEADER_NNS. Change the Color to the one required (or Delete the Line) - .buttonBar { background-image: url(%bind(:14)); background-repeat: repeat-x; background-color: #555599} And save the object.

1 of 6

6/7/2011 12:28 PM

(The reference for this can be found in the peoplecode. the Portal How to change the PeopleSoft Logo and how to change the size of the logo that is being painted on the Homepage? PeopleSoft logo on ALL Pages uses the PT_PORTAL_BUG image.. How to change the width of the column's in the home page? In the Application Designer. check for these images PS_HIDE_MENU and EPPLN_BLUE_CORNER. You can change the color and borders by modifying the style classes used (PTPAGELET.. If you want to add other logo/images to the pagelet header. Problem with weather Magnet pagelet. Weather Magnet paglet is created by a Iscript.https://support.) You will want to replace your image with this name so you will see the behavior that you expect to. Open this HTML object and change the BGCOLOR. Here is the Line that has to be modified .<td rowspan="3" width="96"><img src="%BIND(:1)" width="56" height="41" alt="PeopleSoft logo" hspace="20"></td> How to add images to the pagelets header to give a Visual meaning to the header? This functionality is being provided on tools 8.PORTAL_HP_COMPONENT How to change the search bar color? In the Application Designer.searchBar{background-repeat: repeat-y. PTPAGELETHEADER. only option is to change the "PSPAGE" class in the PSSTYLEDEF stylesheet. This bar has two grids other than the tabs. Fonts etc. This will only change the background color. That object is HTML. PTPAGELETBODY) in the style sheet PSSTYLEDEF. The HTML object that is used to paint this on homepage is "PORTAL_HP_POWEREDBY". background-color: #7780B7} Save the Object. Open the PTSTYLEDEF style sheet and then change the pspage class. Open the HTML Object . Open the HTML Object PORTAL_HP_2COL_LAYOUT or PORTAL_HP_3COL_LAYOUT. 2 of 6 6/7/2011 12:28 PM . which are PS_HIDE_MENU and EPPLN_BLUE_CORNER.42 which is targeted for release on 11/20/2002. The background color when changed in the style sheet it will reflect the color in the second bar . In PORTAL_UNI_HEADER_NNS do a search for "PeopleSoft logo" and do the Changes to height and width and Save the Object.4? Changing the first bar(Menu) inside the pages. And as far as changing the background color of the whole menu. Change the Color to the one required (or Delete the Line) . These are the images that appear on the corner of the tab. Which object loads this pagelet. then that would require modifying the HTML used to construct pagelets. The style sheet is EPPSTYLEDEF. How to customize the look of enterprise menu in 8.PORTAL_UNIHEADER_NNS. The second part involves changing the EPPPAGELETHEADER class in the stylesheet.oracle. How to change/remove the "powered by PeopleSoft" from the bottom of the page. Changing the bottom blue bar involve changing the BGCOLOR in the EPPLN_LN_MGR_TEMPLATE_END. require you to change the color of it in the EPPLN_NAV_SHOW_MENU HTML object. What is the name of HTML object that has to be modified? The "powered by PeopleSoft" is a Image object 'PT_PORTAL_POWEREDBY'. Here are the details Record (Table) Name: WEBLIB_SEARCHBX Field Name: WEATHER_MAGNET PeopleCode Event Name: FieldFormula PeopleCode Function :IScript_WeatherMagnet This iscript is accessing a HTML object EO_PE_WEATHERCOM_MAGNET.. The HTML object that is used to paint this on the Portal homepage is 'PORTAL_UNI_HEADER_NNS'. Change the width on this HTML object and save the object. Look out for the line that has the bgcolor="#555599" and change it to the color required.com/CSP/main/article?cmd=show&type=NOT&doc. How to Change the Look and Feel of the Pagelet? Like Changing the Color.

EPPCM_CONTENT.EPPCM_NWWRK.EPPCM_HTMLTEXT..EPPCM_CONTENT.EPPCM_CONTENTID. &URL. When = "H" &data(&L1).EPPCM_CONTENTID FieldDefault.URL_1. &LOCATION.EPPCM_HTMLEXT.HTMLAREA.Value = GetHTMLText(HTML.URL_1. &data_cnt = &data.URL_1. &CONTSUM = &data(&L1).EPPCM_NWARTSEC. */ rem &data(&L1).EPPCM_CONTENT.EPPCM_NWWRK.EPPCM_CONTENT.EO_PE_HTMLAREA1.EPPCM_NWWRK.GetRowset(Scroll.EPPCM_HTMLTEXT. /* Uncomment the following line if you want to hardcode the font size for article text.EPPCM_NWIMAGE.oracle. &data(&L1). Note: 'PSEDITBOX' is used as an example here. If All(&CONTIMG) Then Find_Image_URL(&CONTIMG. &HTML_data = &data(&L1).EPPCM_TITLE. it uses the browser default settings for text.Value. &data(&L1).https://support.EPPCM_NWWRK. &IMG = " ". When = "F" &data(&L1).EPPCM_CONTENT. End-If. Make the following change to Component PeopleCode EPPCM_NWDSPART.Visible = True. Local Rowset &data.Value. Else &data(&L1). &data(&L1).Value.Visible = False.EPPCM_HTMLTEXT).Value. &IMG.Visible = True. Else Evaluate &data(&L1). How to change the default font size of company news? The text inside this HTML field does not inherit attributes from any class.Visible = False.EPPCM_NWWRK.EPPCM_TITLE.EPPCM_CONTENT. 1836. &data(&L1). &CLASS).DESCRLONG. you can change this with a customization.Visible = False. &data(&L1).Value.EPPCM_NWWRK.HTML_AREA_02.1 If &HTML_data(&h).Visible = True. Break.EPPCM_NWWRK.HTML_AREA_02. If &CONTID <> &AID Then &data(&L1). &CONTSUM = &data(&L1).EPPCM_CONT_TYPE.EPPCM_TITLE. &URL). "Click here for details").EO_PE_HTMLAREA1. &data(&L1). &TEXT = MsgGetExplainText(18025.ActiveRowCount To 1 Step .EPPCM_CONT_TYPE FieldDefault.EPPCM_IMGCONTENTID.EPPCM_NWWRK.EPPCM_NWWRK. &data(&L1). this can be changed.Value.EPPCM_NWARTSEC. Break.Visible = False. &data(&L1).GetParameter("PORTALPARAM_AID").HTML_AREA_02. Break.EPPCM_NWHYPERLINK.Value = "<font size=1>" | &CONTSUM | "</td>". &CONTURL).EPPCM_TITLE. */ rem &data(&L1). /* Uncomment the following line if you want to inherit a style sheet class for article text.EPPCM_NWARTSEC). &HTML_data. &CONTIMG = &data(&L1). Declare Function Find_Image_URL PeopleCode EPPCM_NWWRK.Visible = False.. End-For.Visible = True. &CLASS = "PSHYPERLINK".PostBuild: Declare Function Get_URL_Details PeopleCode EPPCM_NWWRK. Get_URL_Details(&CONTID.EPPCM_NWWRK. &CONTURL).EPPCM_CONTENT. &data(&L1).EO_PE_HTMLAREA1.EPPCM_NWWRK.EPPCM_CONT_STATUS.Value When = "U" &data(&L1). &TEXT. &CONTITLE = &data(&L1).Value = &CONTSUM. End-Evaluate.GetRowset(Scroll. For &h = &HTML_data. If &data_cnt >= 1 Then For &L1 = &data_cnt To 1 Step .EPPCM_NWWRK. However. &CONTITLE = &data(&L1).Value = "A" Then &CONTSUM = &HTML_data(&h).DESCRLONG. 3 of 6 6/7/2011 12:28 PM .EPPCM_TITLE. End-If.Value = GetHTMLText(HTML.1 &CONTID = &data(&L1).EPPCM_NWARTICLE.com/CSP/main/article?cmd=show&type=NOT&doc.Visible = False. You can choose whether to hardcode the font size.Value = "<td class='PSEDITBOX'>" | &CONTSUM | "</td>". or set the text to a particular style sheet class. rem &data(&L1).EPPCM_TITLE. &data = GetLevel0()(1).GBL.Visible = True.Visible = False.HTML_AREA_02. &LOCATION = "_parent".EPPCM_CONTENT.HTMLAREA. &AID = %Request.Value.ActiveRowCount.

End-If. One is to add Expire-Meta tag in their html. Here's an example: &PortalURI = %Request. Further testing on this shows that this is giving a Javascript error as the Search Box gets the focus. How to expire the HTML Pages in PeopleSoft? There are 2 ways to do it. It's a limitation.*/ The Color of the Search Bar can be changed by changing the HTML Object PT_NAV_SEARCH. &searchForm. Added the Permission list PTPT1000..Double Click on NavTheme If %This. which has been deleted by mistake. unless they're explicitly coded to do so. Else &HTML = &HTML | GetHTMLText(HTML. Note : This is the Place from where the search Box is created and can be removed.. How to get it again. when you were using it (i. From the homepage the relative URL points back to the portal ie /psp/O840F70P. &searchAlt). &searchLabel. One way to fix it to set the &navSearch = True to False in teh same Peoplecode. Look for GenerateComponentPortalURL() which generates a complete Portal URL. File --> Open -->Application Package --> PT_NAV --> Open the Application_Class 'NavTheme' and Comment out the Following lines. which is what is occurring. What the customer needs to do. when you move to a Frame Template. &saveWarnSrch.1 How to hide the Search Box and the 'Go' Button on the Enterprise Menu? On the Application Designer. End-If. What security menu controls the Personalize Layout and Personalize Content links? How to remove the Personalize content and layout from home page? Log into the portal host and navigate to Home > PeopleTools > Maintain Security > Use > Permission Lists The Security menu associated for the Personalize Layout and Contents in Portal is as follows: Permission List : ALLPORTL.50 Note 1108905. End-For. Customer has to troubleshoot it further at their end to do further customization to resolve the issues. It's a feature of frame templates. the customer should be using these.PT_NAV_SEARCH.PT_NAV_SEARCH. the Header is now an Iscript delivered by PIA. but that risks having the page expire out from under you. &searchAlt). Custom Portal Headers .. 1200 is the seconds to expire.https://support. Application Package .e. My favorites Content Reference is Missing.PT_NAV . &searchGoUrl. All portal objects Menu name: PORTAL_PERS_HOMEPAGE Component: Personalized Home Page Pages: Personalize Content and Personalize Layout Here's a known issue in PT8. if you were entering data on a non-peopleSoft data entry application form). The relative URL for the Header is /psc/O840F70P so any links generated here would go directly to PIA. &searchGoUrl.oracle. "". <HTML> 4 of 6 6/7/2011 12:28 PM . Some Pages (HTML Pagelets) not expiring within the Enterprise Portal? External pages displayed in a frame template will not expire. &saveWarnSrch. &searchLabel. however. There are peoplecode functions to automatically generate the appropriate URL.GetParameter(). End-If. is always use the qualified URL on the links in the header.isIE() Then &HTML = &HTML | GetHTMLText(HTML. /* Is there a way to add a relative link to the Portal header and not break the header ? This is working as designed.GetProperty() method does not exist?(This is in Peoplebooks) The method should be GetParameter().com/CSP/main/article?cmd=show&type=NOT&doc. We discussed putting the expiration in the header.

Open the HTML Object PORTAL_HP_2COL_LAYOUT or PORTAL_HP_3COL_LAYOUT.oracle.1 . The other is to mimic what PIA page does." on this HTML object and save the object References NOTE:1108905.Modified Header Size and now Menu Navigation Overlaps the Header NOTE:641540.News . Help.1 .E-PORTAL: How to change Look and Feel of individual Pagelet? NOTE:649777. # Used to specify if PIA pages is running under PeopleSoft Portal or not.Display Article" page and where can the cref be found? The template name is PAPP_EPPCM_NWHTML3COL. # If PIA is running under PeopleSoft Portal..1 . It can be found at Root> Enterprise Portal Hidden> pagelet Enhancement > CM .1 .E-PIA How Can We Determine What CSS is Controling An Object? NOTE:988781.1 . frame.1 ..1 .E-PORTAL: Branding: How to Include System Variable in the Header NOTE:639571.E-PORTAL: Branding . What is the Template used for the CM .https://support.1 . add the -.1 . set this value to false. "CM .News . URL=http://servername:port/servlets/psportal/peoplesoft8/?cmd=expire'>.E-PIA: How Can We Change Portal Title Bar in Browser? NOTE:622314.1 .E-PORTAL: How To Remove The 'New Window' And 'Help' Links From The Portal Pages (pre-8.1 . <HEAD> <meta HTTP-EQUIV='Refresh' CONTENT='1200. Delete the Following Lines from the HTML Object..e.properties. # Default value for hostInPSPortal is true. Open the HTML Object .44 PeopleTools) NOTE:616155. How to Remove the Search Box and the Go Button From Portal Header? In the Application Designer.9 NOTE:651333.E-PORTAL: How to Hide the New Window.E-PORTAL: How to Remove PeopleSoft header from the Homepage NOTE:620287. then PIA will set the document title and location to the top # If PIA is running under Non-PeopleSoft Portal.E-PIA: PT8.Display Article" does not fit screen widths well with 800x600 or 1024x768 screen resolutions? All PeopleSoft applications are optimized for a resolution of 1024 x 768.E-PORTAL: How do you customize the look and feel of the left hand navigation? NOTE:616162. set this value to true. Related Products PeopleSoft Enterprise > Tools and Technology > PeopleTools > PeopleSoft Enterprise PRTL Applications Portal PeopleSoft Enterprise > Tools and Technology > PeopleTools > PeopleSoft Enterprise PT PeopleTools 5 of 6 6/7/2011 12:28 PM .E-PORTAL: Branding .com/CSP/main/article?cmd=show&type=NOT&doc.News .1 . Customize Page and HTTP Header Links. <td width="10%"> <div align="right"><font class="headerLink">%BIND(:30)</FONT></div> </td> <td width="20%"> <input type="text" name="SEARCH_TEXT"> </td> <td width="5%"> %BIND(:38) </td> How can we display PS pages in a frame within the third party existing Portal ? Try setting hostInPSPortal=false in configuration.Display Article How to change 2nd or 3rd column background color at runtime in the home page ? In the Application Designer.50 Portal Home Page Error: 'ptEvent' is undefined NOTE:615655. copy javascript for timeout processing from PIA page.Changed Header Size and Menu Navigation Overlaps the Header in 8.style="background-color:yellow.E-PORTAL: How do you Remove the "Search" box from Enterprise Menu? NOTE:651874. Add in ul tag for id="ptcol3" . i.PORTAL_UNI_HEADER_NNS.

2010. All rights reserved. Oracle. PeopleSoft Enterprise > Tools and Technology > PeopleTools > PeopleSoft Enterprise PRTL Applications Portal Keywords ENTERPRISE. Legal Notices and Terms of Use | Privacy Statement 6 of 6 6/7/2011 12:28 PM .com/CSP/main/article?cmd=show&type=NOT&doc. PERSONALIZE.oracle.. TAG Back to top Copyright (c) 2007.https://support. LAYOUTS.. PEOPLESOFT PORTAL. PORTAL.