Fluid User Interface

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 fluid application pages scale gracefully from large screen devices, such as laptops and desktops, to the reduced viewing space of tablets and smart phones. 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 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. Just like PeopleSoft classic pages, fluid page definitions are created and maintained using Application Designer, and the application developer will have the ability to define and apply conditional formatting appropriate to smart phone, tablet, or large-screen devices. At runtime, the PeopleSoft system applies the corresponding formatting according to the device in use. A user can interact with fluid pages using a conventional mouse and keyboard or using a touch interface, which is common on tablets and smart phones. These new pages are device-independent and will operate on any certified device browser.