Style Sheets

Overview

Earlier, most of the controls followed styles sheets of its own and sometimes even jumbled. Some controls had even multiple style sheets under their respective folders. Adding to that, some pages had even inline styles. So, changing the style was a Herculean tasks. Also, the changes might not reflect some times, because of the multiple existence of same class.

Now, customizing the UI styles as per your choice is no more a hectic task. Not more than 100 styles to be changed to give a look as per your desire.

AVEVA Work Tasks introduced a new style sheet named Global.css consisting around 100 styles is added and is commonly used by most of the controls. Around 40 style sheet files are removed which were used by individual controls. Same is applicable to Themes folders.

New common style sheet for all controls:

1. BPMUITemplates\Default\Common\StyleSheet\Global.css

2. The following style sheets are removed:

3. BPMUITemplates\Default\BAM\Stylesheet\global.css

4. BPMUITemplates\Default\Common\StyleSheet\common.css

5. BPMUITemplates\Default\Common\StyleSheet\DecisonsStyle.css

6. BPMUITemplates\Default\Common\StyleSheet\global1.css

7. BPMUITemplates\Default\Common\StyleSheet\NewStyleforWorkitemControl.css

8. BPMUITemplates\Default\Common\StyleSheet\report.css

9. BPMUITemplates\Default\Common\StyleSheet\SchemaDefinition.css

10. BPMUITemplates\Default\Common\StyleSheet\workflowdotnet.css

11. BPMUITemplates\Default\en-US\StyleSheet\calender.css

12. BPMUITemplates\Default\en-US\StyleSheet\common.css

13. BPMUITemplates\Default\en-US\StyleSheet\global.css

14. BPMUITemplates\Default\en-US\StyleSheet\workflowdotnet.css

15. BPMUITemplates\Default\Expression\Stylesheet\pd.css

16. BPMUITemplates\Default\Expression\Stylesheet\properties.css

17. BPMUITemplates\Default\Expression\Stylesheet\StyleDefault.css

18. BPMUITemplates\Default\HWS\Stylesheet\global.css

19. BPMUITemplates\Default\ProcessExecutionView\Stylesheet\common.css

20. BPMUITemplates\Default\ProcessExecutionView\Stylesheet\global.css

21. BPMUITemplates\Default\ProcessExecutionView\Stylesheet\properties.css

22. BPMUITemplates\Default\ProcessExecutionView\Stylesheet\varandcontents.css

23. BPMUITemplates\Default\ProcessExecutionView\Stylesheet\wer.css

24. BPMUITemplates\Default\ProcessExecutionView\Stylesheet\workflowdotnet.css

25. BPMUITemplates\Default\Repository\ListControl\Styles\Style.css

26. BPMUITemplates\Default\Repository\Site\styles\ApplicationStyles.css

27. BPMUITemplates\Default\Repository\Site\styles\template-wizard.css

28. BPMUITemplates\Default\Repository\Site\styles\aquila.css

29. BPMUITemplates\Default\SOA\SOA.css

30. BPMUITemplates\Default\StyleSheet\calender.css

31. BPMUITemplates\Default\StyleSheet\common.css

32. BPMUITemplates\Default\StyleSheet\global.css

33. BPMUITemplates\Default\StyleSheet\workflowdotnet.css

34. BPMUITemplates\Default\StyleSheet\global1.css

Exceptional case:

Though most of the customization happens by changing the Global.css, some controls like Process Designer control, Forms control still refers to some of the style sheets under respective folders. You need to change the styles in the style sheets listed below for complete customization.

35. BPMUITemplates\Default\ProcessDesigner\Menu\mainmenu.css

36. BPMUITemplates\Default\ProcessDesigner\Menu\menu.css

37. BPMUITemplates\Default\ProcessDesigner\Stylesheet\global.css

38. BPMUITemplates\Default\ProcessDesigner\Stylesheet\pd.css

39. BPMUITemplates\Default\ProcessDesigner\Stylesheet\properties.css

40. BPMUITemplates\Default\ProcessDesigner\Stylesheet\SchemaDefinition.css

41. BPMUITemplates\Default\ProcessDesigner\toolbar\Graphics\Graphics.css

42. BPMUITemplates\Default\SkeltaForms\StyleSheet\Designer.css

43. BPMUITemplates\Default\SkeltaForms\StyleSheet\menustyles.css

44. BPMUITemplates\Default\SkeltaForms\StyleSheet\SkeltaForm.css