iOS 9 Zoom Issue with Oracle PeopleSoft

Question

iOS 9 Zoom Issue with Oracle PeopleSoft

I am the Director of HR Information Systems at the University of Missouri System. Since iOS 9 came out, certain pages in Oracle's PeopleSoft product no longer render correctly and appear zoomed in. This has made it so no one can use our portal on an iOS device to check their HR information (enroll in benefits, view paycheck, change personal information, etc.):

I was hopeful that iOS 9.1 or 9.2 would fix this issue as Oracle has advised this issue is on Apple's side, however with the release of iOS 9.2 this issues still persists. Oracle's solution causes issues with how the page will render on non-iOS devices so it is unacceptable. Have others figure out a way around this issue? What kind of pressure (if any) is Oracle exerting on Apple to correct this issue? In an institution with over 35,000 employees this is becoming more and more of an issue.

Thank you,

Greg Stanis

Director, HR Information Systems

University of Missouri System

iPhone 6 Plus, iOS 9.2

Posted on Dec 9, 2015 7:46 AM

Reply

Answer 1

Feb 10, 2016 2:55 PM in response to Gregory Stanis

We fixed this by using the following solution from Oracle. We are on PTools 8.53 and have not noticed any artifacts after applying this:

SOLUTION

While waiting for a solution from Apple to resolve this issue, development has come up with a workaround.

Workaround:
For 8.54 and later,
1. Open Application Designer, open style sheet PSIFRAME
2. Look for the following code, it should be around the top of the file, line 13.

.
#ptifrmtemplate {
margin:0;
overflow:hidden;
font-weight:normal; /* override the PSCOOLBLUEA, PSPAGE font-weight value of
bold */
}
.

3. add following lines after it.

html.ios.safari #ptifrmtemplate {
overflow:auto !important;
}

4. save and reload the page.

For 8.53 and before,

1. Open Application Designer, open style sheet PSIFRAME
2. Look for the following code, it should be around the top of the file, line 13.

.
#ptifrmtemplate {
margin:0;
overflow:hidden;
font-weight:normal; /* override the PSCOOLBLUEA, PSPAGE font-weight value of
bold */
}
.

3. add following lines after it.

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
#ptifrmtemplate {
overflow:auto !important;
}
}

4. save and reload the page.

Impact:
On IOS: Tested on iOS 7 and iOS 8, combined with simulators and real devices, there is no significant differences after apply these workaround.
On laptop for 8.53: After apply these workaround, unnecessary vertical and horizontal scroll bars show for classic transaction pages. And when the pages load, the page doesn’t scroll to the top by default.

Please take note that this is only a workaround and not a fix- as the formal fix has to come from Apple. The workaround will need to be backed out once Apple releases the formal fix.

Reply