My organization recently migrated from Oracle 11g to 12c, and Apex 3.1.2 to 4.2.5.00.08 when we switched to a new server. There is a 6 year old Apex app that now has the following problems when opened in Firefox 42.0:
1. The page is appearing with a white background not the correct blue one.
2. The tabs also have a white background, but sandwiched between 2 small images at the beginning and end of the tab.
3. The same white background is in all of the regions; i.e, none of the regions have the correct background color that is there on the old server. And the backround of the buttions is also white, thus they all appear as text with a small image at the beginning and end, just like the tabs.
This app uses the Blue and Tan – 2 Theme., which contains a customized page template that is based on ‘One Level Tabs’. This template’s Header section references theme_3_1_GNT.css, which is a modification of a built-in css This css’s body tag contains a reference to the required blue background color: background-color: #003399 And I confirmed that this css is in the correct path on the new server. The templates used for the page’s regions are: Bracketed Region, Forms Region, Navigation Region and Reports Region.
The pages also contain a jpg image at the top containing the application name, which is displaying correctly. That image has been imported into the application itself.
The app seems to be working OK except for these UI issues.
So if the template is the same as on the old server and the css is the same, what is causing this problem?
I suspect the solution is simple and some of the problems may have to do with how the tab set was implemented, but I haven’t used this tool in so many years that I can’t find the cause.
If I missed some piece of information that you need to troubleshoot this, please let me know.
Thanks.