Restyling/rebranding HR9.1/Tools 8.50 January 12, 2010Posted by Duncan in Look and Feel, PeopleTools 8.50.
I’ve spent a couple of days doing a rebranding job on one of our v9.1/Tools 8.50 environments and it’s a lot harder than it used to be pre-8.50.
Previously, if you had a rough idea of how it all fits together and knew the colour scheme that you were moving to you could do it in a day or two. Now however, I think it’ll take a bit longer. Here’s why:
The routine used to be:
- Clone the delviered style sheets
- Locate the HTML code for the colour you wish to change
- Locate the HTML code for the colour you wish it to become
- Convert both into the database equivalents (using Hex functions in Excel is normally easiest)
- Update the database, replacing all instances of the old colour with the new colour where the style class is within your new style sheets
- Repeat until all colours have been swapped
- Then, go through each image and make the colour consistent
Since I did this last there’s a plugin for Firefox called FireBug that makes the whole process of identifying which Style Class is responsible for the colour of an on-screen element, so the process should be much quicker (no more than a day or two).
With Tools 8.50 came the advent of FreeForm Style sheets. While these might be quicker to write and more flexible for entering complex CSS (and I’m sure the Tools 8.50 UI couldn’t have been delivered without them) it makes it a lot harder to track down where an element is inheritting its style from.
Freeform style sheets are the equivalent of a straight text CSS file, but they are stored in HEX in PSCONTENT. This means that you can’t search them easily or do a find and replace on a colour code using SQL very easily, so for every colour that you need to change within a FreeForm style class you have to manually find it and change it.
The job I’ve just finished required me to change 14 different style sheets, 6 of which were FreeForm.
You also have to bear in mind that if you’re rebranding portal, whenever content is drawn from another application (in this case HR), you have to apply the style changes to that database also.