In our conversations with Oracle® PeopleSoft customers about modernizing and mobilizing their PeopleSoft pages and customizations, we always introduce the concept of Responsive Design.
What is Responsive design? According to Wikipedia:
Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).
There are a number of significant benefits from leveraging responsive design techniques in a mobile strategy for PeopleSoft pages and customizations:
When applying Responsive Design techniques to legacy PeopleSoft transactions, there are a number of hurdles to overcome:
To illustrate these challenges, let’s take a look at the PeopleSoft Timesheet where there is a complex structure with lots of data elements, hard coded widths and a grid that is wider than a standard desktop view.
Standard Desktop View
With GreyHeller’s Responsive Design technology, we make this transaction responsive out-of-the-box.
Responsive Design view on an iPhone
Note how the data reflows and that grid information is vertical and summarized, yet all data entry fields are easily accessible.
Responsive Design view on an iPad
Note page elements are displayed side-by-side, and the grid responds to display in a tabular versus vertical format.