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

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

How to Change the Look and Feel of the Pagelet? Like Changing the Color, Fonts etc.,
You can change the color and borders by modifying the style classes used (PTPAGELET, PTPAGELETHEADER, PTPAGELETBODY) in the style sheet PSSTYLEDEF. If you want to add other logo/images to the pagelet header, then that would require modifying the HTML used to construct pagelets. That object is HTML.PORTAL_HP_COMPONENT

How to change the search bar color?

In the Application Designer, Open the HTML Object - PORTAL_UNIHEADER_NNS. Change the Color to the one required (or Delete the Line) .searchBar{background-repeat: repeat-y; background-color: #7780B7} Save the Object.

How to change the width of the column's in the home page?

In the Application Designer, Open the HTML Object PORTAL_HP_2COL_LAYOUT or PORTAL_HP_3COL_LAYOUT. Change the width on this HTML object and save the object.

Problem with weather Magnet pagelet. Which object loads this pagelet.
Weather Magnet paglet is created by a Iscript. 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.

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?
The "powered by PeopleSoft" is a Image object 'PT_PORTAL_POWEREDBY'. The HTML object that is used to paint this on homepage is "PORTAL_HP_POWEREDBY". 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. The HTML object that is used to paint this on the Portal homepage is 'PORTAL_UNI_HEADER_NNS'. In PORTAL_UNI_HEADER_NNS do a search for "PeopleSoft logo" and do the Changes to height and width and Save the Object. 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.42 which is targeted for release on 11/20/2002.

How to customize the look of enterprise menu in 8.4?

Changing the first bar(Menu) inside the pages, require you to change the color of it in the EPPLN_NAV_SHOW_MENU HTML object. Look out for the line that has the bgcolor="#555599" and change it to the color required. This will only change the background color. This bar has two grids other than the tabs, which are PS_HIDE_MENU and EPPLN_BLUE_CORNER. (The reference for this can be found in the peoplecode, check for these images PS_HIDE_MENU and EPPLN_BLUE_CORNER. These are the images that appear on the corner of the tab.) You will want to replace your image with this name so you will see the behavior that you expect to. The second part involves changing the EPPPAGELETHEADER class in the stylesheet. The style sheet is EPPSTYLEDEF. The background color when changed in the style sheet it will reflect the color in the second bar . Changing the bottom blue bar involve changing the BGCOLOR in the EPPLN_LN_MGR_TEMPLATE_END. Open this HTML object and change the BGCOLOR. And as far as changing the background color of the whole menu, only option is to change the "PSPAGE" class in the PSSTYLEDEF stylesheet. Open the PTSTYLEDEF style sheet and then change the pspage class.

2 of 6

6/7/2011 12:28 PM

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

How to change the default font size of company news?

The text inside this HTML field does not inherit attributes from any class, it uses the browser default settings for text. However, you can change this with a customization. You can choose whether to hardcode the font size, or set the text to a particular style sheet class. Make the following change to Component PeopleCode EPPCM_NWDSPART.GBL.PostBuild: Declare Function Get_URL_Details PeopleCode EPPCM_NWWRK.EPPCM_CONT_TYPE FieldDefault; Declare Function Find_Image_URL PeopleCode EPPCM_NWWRK.EPPCM_CONTENTID FieldDefault; Local Rowset &data, &HTML_data; &AID = %Request.GetParameter("PORTALPARAM_AID"); &data = GetLevel0()(1).GetRowset(Scroll.EPPCM_NWARTSEC); &data_cnt = &data.ActiveRowCount; If &data_cnt >= 1 Then For &L1 = &data_cnt To 1 Step - 1 &CONTID = &data(&L1).EPPCM_NWARTSEC.EPPCM_CONTENTID.Value; If &CONTID <> &AID Then &data(&L1).Visible = False; Else Evaluate &data(&L1).EPPCM_NWARTSEC.EPPCM_CONT_TYPE.Value When = "U" &data(&L1).EPPCM_NWWRK.HTML_AREA_02.Visible = True; &data(&L1).EPPCM_CONTENT.EPPCM_TITLE.Visible = True; &data(&L1).EPPCM_NWWRK.URL_1.Visible = False; Get_URL_Details(&CONTID, &URL); &IMG = " "; &LOCATION = "_parent"; &CLASS = "PSHYPERLINK"; &data(&L1).EPPCM_CONTENT.EPPCM_TITLE.Visible = False; &CONTITLE = &data(&L1).EPPCM_CONTENT.EPPCM_TITLE.Value; &TEXT = MsgGetExplainText(18025, 1836, "Click here for details"); &data(&L1).EPPCM_NWWRK.HTML_AREA_02.Value = GetHTMLText(HTML.EPPCM_NWHYPERLINK, &URL, &TEXT, &IMG, &LOCATION, &CLASS); &CONTSUM = &data(&L1).EPPCM_CONTENT.DESCRLONG.Value; Break; When = "H" &data(&L1).EPPCM_NWWRK.HTML_AREA_02.Visible = False; &data(&L1).EPPCM_CONTENT.EPPCM_TITLE.Visible = True; &data(&L1).EPPCM_NWWRK.URL_1.Visible = False; &HTML_data = &data(&L1).GetRowset(Scroll.EPPCM_HTMLTEXT); For &h = &HTML_data.ActiveRowCount To 1 Step - 1 If &HTML_data(&h).EPPCM_HTMLTEXT.EPPCM_CONT_STATUS.Value = "A" Then &CONTSUM = &HTML_data(&h).EPPCM_HTMLTEXT.EPPCM_HTMLEXT.Value; End-If; End-For; Break; When = "F" &data(&L1).EPPCM_NWWRK.HTML_AREA_02.Visible = False; &data(&L1).EPPCM_CONTENT.EPPCM_TITLE.Visible = True; &data(&L1).EPPCM_NWWRK.URL_1.Visible = True; &CONTITLE = &data(&L1).EPPCM_CONTENT.EPPCM_TITLE.Value; &CONTSUM = &data(&L1).EPPCM_CONTENT.DESCRLONG.Value; Break; End-Evaluate; rem &data(&L1).EPPCM_NWWRK.EO_PE_HTMLAREA1.Value = &CONTSUM;

/* Uncomment the following line if you want to inherit a style sheet class for article text. Note: 'PSEDITBOX' is used as an example here, this can be changed. */ rem &data(&L1).EPPCM_NWWRK.EO_PE_HTMLAREA1.Value = "<td class='PSEDITBOX'>" | &CONTSUM | "</td>"; /* Uncomment the following line if you want to hardcode the font size for article text. */ rem &data(&L1).EPPCM_NWWRK.EO_PE_HTMLAREA1.Value = "<font size=1>" | &CONTSUM | "</td>"; &CONTIMG = &data(&L1).EPPCM_NWARTICLE.EPPCM_IMGCONTENTID.Value; If All(&CONTIMG) Then Find_Image_URL(&CONTIMG, &CONTURL); &data(&L1).EPPCM_NWWRK.HTMLAREA.Value = GetHTMLText(HTML.EPPCM_NWIMAGE, &CONTURL); Else &data(&L1).EPPCM_NWWRK.HTMLAREA.Visible = False; End-If;

3 of 6

6/7/2011 12:28 PM

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

End-If; End-For; 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, 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.50 Note 1108905.1

How to hide the Search Box and the 'Go' Button on the Enterprise Menu?
On the Application Designer, File --> Open -->Application Package --> PT_NAV --> Open the Application_Class 'NavTheme' and Comment out the Following lines. Application Package - PT_NAV - Double Click on NavTheme If %This.isIE() Then &HTML = &HTML | GetHTMLText(HTML.PT_NAV_SEARCH, "", &searchLabel, &saveWarnSrch, &searchGoUrl, &searchAlt); Else &HTML = &HTML | GetHTMLText(HTML.PT_NAV_SEARCH, &searchForm, &searchLabel, &saveWarnSrch, &searchGoUrl, &searchAlt); End-If;*/ The Color of the Search Bar can be changed by changing the HTML Object PT_NAV_SEARCH. Note : This is the Place from where the search Box is created and can be removed. Further testing on this shows that this is giving a Javascript error as the Search Box gets the focus. One way to fix it to set the &navSearch = True to False in teh same Peoplecode. Customer has to troubleshoot it further at their end to do further customization to resolve the issues. /*

Is there a way to add a relative link to the Portal header and not break the header ?
This is working as designed. From the homepage the relative URL points back to the portal ie /psp/O840F70P, however, when you move to a Frame Template, the Header is now an Iscript delivered by PIA. The relative URL for the Header is /psc/O840F70P so any links generated here would go directly to PIA, which is what is occurring. What the customer needs to do, is always use the qualified URL on the links in the header. There are peoplecode functions to automatically generate the appropriate URL, the customer should be using these. Look for GenerateComponentPortalURL() which generates a complete Portal URL.

My favorites Content Reference is Missing. How to get it again.

Added the Permission list PTPT1000, which has been deleted by mistake.

Custom Portal Headers - GetProperty() method does not exist?(This is in Peoplebooks)

The method should be GetParameter(). Here's an example: &PortalURI = %Request.GetParameter();

Some Pages (HTML Pagelets) not expiring within the Enterprise Portal?
External pages displayed in a frame template will not expire, unless they're explicitly coded to do so. It's a feature of frame templates. We discussed putting the expiration in the header, but that risks having the page expire out from under you, when you were using it (i.e., if you were entering data on a non-peopleSoft data entry application form). It's a limitation.

How to expire the HTML Pages in PeopleSoft?

There are 2 ways to do it. One is to add Expire-Meta tag in their html. 1200 is the seconds to expire. <HTML>

4 of 6

6/7/2011 12:28 PM

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

<HEAD> <meta HTTP-EQUIV='Refresh' CONTENT='1200; URL=http://servername:port/servlets/psportal/peoplesoft8/?cmd=expire'>; The other is to mimic what PIA page does. i.e., copy javascript for timeout processing from PIA page.

How to Remove the Search Box and the Go Button From Portal Header?
In the Application Designer, Open the HTML Object - PORTAL_UNI_HEADER_NNS. Delete the Following Lines from the HTML Object. <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.properties. # Used to specify if PIA pages is running under PeopleSoft Portal or not. # If PIA is running under PeopleSoft Portal, set this value to true, then PIA will set the document title and location to the top # If PIA is running under Non-PeopleSoft Portal, set this value to false. # Default value for hostInPSPortal is true.

frame.

"CM - News - 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.

What is the Template used for the CM - News - Display Article" page and where can the cref be found?
The template name is PAPP_EPPCM_NWHTML3COL. It can be found at Root> Enterprise Portal Hidden> pagelet Enhancement > CM - News - Display Article How to change 2nd or 3rd column background color at runtime in the home page ? In the Application Designer, Open the HTML Object PORTAL_HP_2COL_LAYOUT or PORTAL_HP_3COL_LAYOUT. Add in ul tag for id="ptcol3" , add the -- style="background-color:yellow;" on this HTML object and save the object

References
NOTE:1108905.1 - E-PIA: PT8.50 Portal Home Page Error: 'ptEvent' is undefined NOTE:615655.1 - E-PORTAL: How To Remove The 'New Window' And 'Help' Links From The Portal Pages (pre-8.44 PeopleTools) NOTE:616155.1 - E-PORTAL: How do you customize the look and feel of the left hand navigation? NOTE:616162.1 - E-PORTAL: How to Remove PeopleSoft header from the Homepage NOTE:620287.1 - E-PIA: How Can We Change Portal Title Bar in Browser? NOTE:622314.1 - E-PORTAL: Branding: How to Include System Variable in the Header NOTE:639571.1 - E-PORTAL: Branding - Modified Header Size and now Menu Navigation Overlaps the Header NOTE:641540.1 - E-PORTAL: How to change Look and Feel of individual Pagelet? NOTE:649777.1 - E-PORTAL: Branding - Changed Header Size and Menu Navigation Overlaps the Header in 8.9 NOTE:651333.1 - E-PORTAL: How do you Remove the "Search" box from Enterprise Menu? NOTE:651874.1 - E-PIA How Can We Determine What CSS is Controling An Object? NOTE:988781.1 - E-PORTAL: How to Hide the New Window, Help, Customize Page and HTTP Header Links.

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

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

PeopleSoft Enterprise > Tools and Technology > PeopleTools > PeopleSoft Enterprise PRTL Applications Portal Keywords ENTERPRISE; LAYOUTS; PEOPLESOFT PORTAL; PERSONALIZE; PORTAL; TAG

Back to top Copyright (c) 2007, 2010, Oracle. All rights reserved. Legal Notices and Terms of Use | Privacy Statement

6 of 6

6/7/2011 12:28 PM