Monday, 2 March 2015

Fusion HCM Release 9: Theme Editor

As part of my series of posts on new features in Release 9, I'm looking at the Theme Editor.

The Theme Editor in Fusion Applications allows you to extend Skyros-based themes.  You can edit the following components:

  • Logo, 
  • Font Colours, 
  • Background colours, Branding area links, icons, etc.

Once you've developed a new theme, you can publish it in your staging environment and then migrate it via the Custom Set Migration tool or from Manage Customizations/Manage Sandboxes.

The themes will only affect the 'standard' UI and will not affect either the Fusion Middleware components (such as OIM, BPM etc.) or the Simplified User Interface (SUI) which has its own theme editor.

In order to use the Theme Editor, you must have provisioned the role Application Implementation Consultant.   This will enable the Theme Editor hyperlink to appear on the navigator menu, but initially it will be hidden.  So, you need to enable it using the Manage Menu Customisation functional setup task.



Then Themes will appear in the navigator menu.



Now you can start having fun making your own themes.

The theme editor is divided into tabbed regions giving you access to change the theme settings for different parts of the screen.  At each stage you can see a preview of what the changes will look like.

I'm not going to go into a lot of detail here, as it's all fairly self explanatory.  But here's a few screenshots showing you the general idea.



See the tabbed regions at the top and the preview area at the bottom of the screen.  Let's change the background colour and see the result:

Here, I've selected the Buttons tab and then chosen to alter the button background colours to red.



When I save, this is the result:



Note that the preview is showing each of the different states of the button.  In this example, we have only changed the default state.

I'm still finding out more as I explore this new feature further.



















3 comments:

  1. Can I set this up as a template ? Can I add database driven fields to the theme ?

    ReplyDelete
  2. You can set this up as a template and can have many different templates if you wish. I don't think you can have the theme 'driven' by database fields. What you are doing is controlling the CSS styles for the various objects on the screen.

    ReplyDelete