Customizing the look and feel of BPM Applications
By Mona Rakibe on May 17, 2013
One of the very common requirement for BPM customers is to have their corporate look and feel for BPM workspace. This requirement would usually extend to Human Task UI's too.
In PS4FP release we had added a lot of enhancement to the Workspace Customization at run-time. BPM user can not only change the branding logo , tittle etc but also the overall look of the workspace and task UI using ADF skin.
You can either select any one of the OOTB skins or create a custom skin.
If you have custom CSS requirements you can create your own custom skin and apply it to Workspace. In either case the workspace skin gets automatically inherited by your ADF application.
In 184.108.40.206.0 we have introduced an alternate UI technology, Web Forms. Adding a Skin(theme) or Custom CSS to Web Forms is slightly different. Your custom ADF skin will not be automatically inherited by Web Forms. However you can follow this Sample to add custom CSS for Web Form.
In general Web Form allow CSS are different levels,
You can add them for a specific control(inline) using the properties->style tab. The top commonly used styles are exposed by the tool for an easy intuitive style change. Any change here is applicable only to that form control.
You can specify a theme(skin) for entire page. Click on the Form,select Properties->Style->Theme. The theme selected will be applied to entire form unless overridden at control level
Example : Professional Blue Theme
You can apply Theme at applications level, this is the theme you select in your BPM workspace (preferences) and will be applied to all forms unless overridden using above 2 options.
Please refer our BPM Customization sample for details on creating and applying custom theme for Web Forms.
Note : The sample project zip has the .css files that can be updated(SampleSkin\SharedLib\custom.client.applib.jar\themes\mySkin.zip\)