PeopleSoft Fluid User Interface

Hi Readers,you might have heard about PeopleSoft Fluid User Interface,Well this has been one good revolution that took place in PeopleSoft.Let's go ahead and see what is PeopleSoft Fluid Interface.
                                                              PeopleSoft UI is much more than a mobile Platform.The design consist of device independent design for mobiles,Tablets and desktops,offering the advanced users experience utilizing the latest rendering technologies including HTML 5 and CSS3.
PeopleSoft Fluid User Interface offers all users a rich and easily understood means with PeopleSoft.
Power and casual Users with the traditional Classic Desktop View and the new Users from the executive range with the fluid Interface.

PeopleSoft Fluid User Interface enables mobility in any device and it is truly responsive.It recognize the device form factor that you  are using to access PS and renders the layout that's optimized for it.

For example,the PeopleSoft Interface behaves responsively to a landscape and portrait modes in a tablet

Landscape Mode

Portrait Mode

Hidden Menu

Designed as a significant improvement over the PeopleSoft “classic” user interface, the PeopleSoft Fluid User Interface moves away from pixel-perfect page layout and provides greater flexibility with the enhanced use of cascading style sheets (CSS3), HTML5, and JavaScript. PeopleSoft application fluid pages scale gracefully from large screen devices, such as laptops and desktops, to the reduced viewing space of tablets and smartphones. Many commercial websites use a similar design model whereby the presentation and layout of information is adjusted dynamically to conform to the dimensions of the user’s device. The Fluid User Interface design approach gives developers just this type of control over the user experience. When a larger screen size (a screen with more “real estate”) is detected, the application content will adjust and conform accordingly to fill the space effectively. Similarly, if a smaller screen size is detected, non-essential information can be removed and the presentation of content will adjust to flow in a usable way. Like PeopleSoft “classic” pages, fluid page definitions are maintained within PeopleSoft Application Designer, and the application developer will have the ability to define and apply conditional formatting appropriate to smartphone, tablet, or large-screen devices. At runtime, PeopleTools will apply the corresponding formatting according to the device in use. An end user can interact with fluid pages using a conventional mouse and keyboard or using a touch interface, which is common on tablets and smartphones. These new pages are device-independent and will operate on any certified device browser