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.