# How to apply CSS globally across all forms in a application

**URL:** https://community.ofelia.com/t/how-to-apply-css-globally-across-all-forms-in-a-application/10369
**Category:** Q&A
**Created:** [3 September 2020 11:48 UTC](https://community.ofelia.com/t/how-to-apply-css-globally-across-all-forms-in-a-application/10369 "2020-09-03T11:48:31Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![sablevishals\_1383926](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@sablevishals\_1383926](https://community.ofelia.com/u/sablevishals_1383926)
#### Post date: [3 September 2020 11:48 UTC](https://community.ofelia.com/t/how-to-apply-css-globally-across-all-forms-in-a-application/10369/1 "2020-09-03T11:48:31Z")

</div>

As of now i'm adding a same CSS file for every form in a assets in widget&nbsp; but now i want to apply it globally across all forms. Is there any way to do same.(Means if&nbsp;i keep this CSS file in a one place in bonita&nbsp;from&nbsp;there it can affect&nbsp;to&nbsp;all forms in&nbsp;a workflow). Please help me.

---

<div class="post-metadata">

### Author: ![system](https://europe1.discourse-cdn.com/flex013/uploads/community_bonitasoft/original/2X/6/6b7b18c0478f2645369e82e009b65e3b97f2cc12.svg) [@system](https://community.ofelia.com/u/system)
#### Post date: [15 September 2020 10:13 UTC](https://community.ofelia.com/t/how-to-apply-css-globally-across-all-forms-in-a-application/10369/2 "2020-09-15T10:13:42Z")

</div>

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](https://documentation.bonitasoft.com/bonita/7.11/themes).

Otherwise if you need to add a css file as an asset, it has to be added in the UI Designer.

---

<div class="post-metadata">

### Author: ![sablevishals\_1383926](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@sablevishals\_1383926](https://community.ofelia.com/u/sablevishals_1383926)
#### Post date: [18 September 2020 09:39 UTC](https://community.ofelia.com/t/how-to-apply-css-globally-across-all-forms-in-a-application/10369/3 "2020-09-18T09:39:09Z")

</div>

Hi&nbsp;delphine,

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&nbsp;[custom layout](https://drive.google.com/file/d/1xxoxU4G9J-q4OU039BbaKhcvUvDXbkOe/view?usp=sharing)

---

<div class="post-metadata">

### Author: ![romain.bioteau](https://dub1.discourse-cdn.com/flex013/user_avatar/community.ofelia.com/romain.bioteau/32/720_2.png) [@romain.bioteau](https://community.ofelia.com/u/romain.bioteau)
#### Post date: [21 September 2020 15:46 UTC](https://community.ofelia.com/t/how-to-apply-css-globally-across-all-forms-in-a-application/10369/4 "2020-09-21T15:46:12Z")

</div>

Hi,

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.

HTH

Romain

&nbsp;