I am preparing to roll out my first Apex application to my users. They will have a production version and a test/training/qa version. I want to create some simple but noticeable visual distinction between the two instances.
In Apex 5.0, using Productivity Theme 26, each page gets a blue header bar at the top of the page. Directly underneath is a lighter blue navigation bar. It would be acceptable to change the color of these bars, say to different shades of green. I'd also like to change the application name to put the word TEST on the end of it.
For some reason, this very simple change is escaping me.
I thought I could go to Application Builder / Application 102 / Edit Application Properties and change the Name. That only changes the name in the App Builder, not on the App pages.
I have found a css snippet from Apex 4 that does in fact change the color of those two bars: header#uHeader { background: #6a9cda url(/i/themes/theme_20/headerBg.jpg) repeat-x !important; } I have edited out the url string, and added a 2nd snippet: header#uHeader nav { background: #6adcaa repeat-x !important; }. But to use these, I have to add the code to every page. (Page properties / CSS / Inline)
But I've read that I should not be duplicating all that css (as if I wanted to) but should place it in a .css file in the application. I did place these snippets in a .css file and uploaded it at Application Builder / Application 102 / Shared Components / Static Application Files / Upload File. TestInstance.css is now listed as a static application file. Following the documentation (https://docs.oracle.com/cd/E59726_01/doc.50/e39147/ui_custom_css.htm#HTMDB06009), I go to Application Builder / Application 102 / Shared Components / Themes. Productivity Applications - 26 is listed. The Tasks list does not have a View Templates link, so either the documentation is wrong, or this is where I have gone wrong.
There is a number, 109, in the Templates column of the Themes report that is a hyperlink to a list of Templates. 20 or so are identified as a Type of Page, and apparently I am using 4 of them in my application. I can make a guess at No Tabs-No Sidebar as the one I might "want to edit," as the documentation says. And I can find a Header section in its properties - but I cannot edit that section to put in what I think I want: <link rel="stylesheet" href="#APP_IMAGES#TestInstance.css>
I do see this message: "This template is subscribed to the corresponding template in the master theme. To modify this template, edit the master template and then refresh the theme. Alternatively you can create a local, unsubscribed copy of this template. Unsubscribed templates are editable and will not get overwritten by a theme refresh."
but I'm somewhat lost about what that is suggesting I do. It seems like a lot of work just to change a color.