How to apply CSS globally across all forms in a application
If you want to use the same style for all your pages and layout of your application, you can apply a theme.
A theme is imported as a zip archive containing a
page.properties file and a
resources folder. The
resources folder must contain at least a CSS file named
theme.css. If you want to have examples, just export theme examples from Bonita Portal (Resources menu)
More details in the official documentation.
Otherwise if you need to add a css file as an asset, it has to be added in the UI Designer.
Thanks for solution. I tried with above documentation and created one custom layout and added my global css in that but that global css is not getting called . can u please help me with this one why that CSS is not getting called.Thanks
Here is the link of same file i created custom layout
It 's because the css of a layout cannot be passed to a page dynamically as pages/forms are loaded in an iframe. The only solution is to define your global css rules in the theme.css as Delphine said.