PeopleSoft - Fluid Pages In Five Steps

Introduction:
The PeopleSoft Fluid User Interface is a brand new, dynamic, and evolving PeopleTools technology which provides mobile compatibilty to Peopleosft pages. The Fluid UI provides the users with the ability to access PeopleSoft applications across a variety of form factors from smart phones to tablets to desktops/laptops. Fluid also provides a common user experience on variety of devices regardless of the screen size. 

This document is created for the beginners who doesn't have any idea of Fluid.

Below are the Prerequisites to develop Fluid pages.

• PeopleSoft Application Designer
• PeopleCode
• PeopleTools Portal Technology
• PeopleSoft Pure Internet Architecture
• HTML 5.0
• Cascading Style Sheets 3.0 (Need to have idea for making UI Rich)
• JavaScript

How to Create a New Fluid Page:
Step -1 : In Application Designer, select File, New. Select Page (Fluid) on the New Definition dialog box, and click OK.

Step -2 : Select the initial layout page of the fluid page. This will open a new blank page.
PSL_APPS_CONTENT:  Used as the basis for any page. It contains a single group box container that can contain all additional elements in the page. The group box has the PS_APPS_CONTENT style class applied. 

Step-3 :  Save the page with appropriate name. On saving it will ask for the save the PeopleCode associated with the layout page for your new page (Yes/No). Click Yes.

Step-4 : On click of OK Button, it creates blank page.

Step-5: Add the fields as per the requirement. Mostly we need to keep the fields inside the group box. PeopleSoft Fluid UI is mostly based on the Group Boxes and the style sheets.

In My next post will talk more about the Fluid Homepages, Tiles and so on...

Thanks,
VPNPS Team.