The latest versions of Oracle HCM Cloud look gorgeous and you can create some great first impressions with a well put together theme:
This is great when you need to create an attractive conference slide to catch attention, however when it comes to real-world branding there are complications such as how to provide a user experience that suits everyone in the company – particularly those with less than 20:20 vision.
Nice touches like jaw-dropping photo backgrounds and gradient shading tend to get dropped in favour of making a higher-contrast landing page that’s accessible to all.
It doesn’t have to be like this however as you can use the logon URL to change the theme on a per-session basis. This means that you can create the look that you want for the users who want the ‘fully branded’ look-and-feel and provide an alternative logon URL to provide a higher-contrast theme to the same pod for those that prefer a clearer look.
In the R13 upgrade the announcements panel seems to have taken a retrograde step. It used to have a solid white background, have rounded corners and a semi-transparent border, and the contents of the announcement were indented nicely. Something like this:
In R13 we’ve lost the border, the rounded corners, the opaque background and the indent on the contents. It now looks like this:
We do have the option of switching to a banner layout, or replacing the content with an image (where we can more closely control the layout), however what if we just want it back as it was?
You can get it to look very similar to how it used to, you just need a little HTML/CSS.
If you go into the HTML code view of your announcement content and wrap it in a DIV element with some CSS styling it can look like this:
- opaque background? – check!
- semi-transparent border? – check!
- rounded corners? – check!
- indented content? – check!
The wrapper DIV code I used was:
<div style="margin: 20px 0 50px 20px;padding: 20px 20px 50px 20px;background: white;border-radius: 20px;"> ... announcements content ... </div>
It’s a common practice to change the background colour of your environments to give a visual clue which is which. This helps reduce confusion and lessens the risk of entering test data into Production.
Whilst the core project team might easily remember which colour corresponds to which environment (e.g. blue=Prod, red=Dev, green=Test) it’s not so easy for more occasional users. There is a solution for this.
We’ve created some semi-transparent backgrounds that prominently feature the name of the environment. They’re semi-transparent so that your background colour of choice can still show through. Here’s what they look like:
You should be able to see the words Test and Testing on top of the green background. This gives less frequent users more certainty they’re logged on to the correct environment. I’ve chosen a green background colour here, but any (reasonably dark) colour can be chosen and the lettering will still show.
Here is the Development background image on top of a red background colour.
The images work with both Release 11 and 12, and can be downloaded here:
Remember, the lettering is semi-transparent so they might look like a blank image until you select a background colour behind them:
I’d be happy to create additional environment backgrounds if enough people show an interest.