Applying Global CSS Styles in Creatio

There are times you might want to add CSS styles to the entire Creatio application. I wrote an article previously about how to add CSS styles to Creatio where I outlined how to add CSS to a specific page. In that article I mentioned, towards the end, that if you want to add CSS globally, to all of the Creatio application, you can add the CSS to BootstrapModulesV2. The BootstrapModulesV2 get’s loaded for the entire application so adding the CSS to this will load the CSS no matter which page you’re viewing. Let’s walk through how to do this.

The first step is to create the module containing the CSS. To do this, create a new module, then add your CSS to the LESS tab. Refer to the previous article on the steps for this. Let’s say we’ve named our CSS module UsrCustomCSS.

Now, to add that to the BootstrapModulesV2. To do this, create a new “Replacing view model” (Or if you’re on a version prior to 7.17 the menu option will read “Replacing client module”). Select BootstrapModulesV2 as a parent, then paste in the following code:

define("BootstrapModulesV2", ["css!UsrCustomCSS"], function() {
	return {};
});

Now, the CSS styles defined in your UsrCustomCSS will be applied to the entire Creatio application.

Other CSS Related Articles for Creatio

ABOUT THE AUTHOR

Ryan Farley

Ryan Farley is the Director of Development for Customer FX and creator of slxdeveloper.com. He's been blogging regularly about SalesLogix, now Infor CRM, since 2001 and believes in sharing with the community. His new passion for CRM is Creatio, formerly bpm'online. He loves C#, Javascript, web development, open source, and Linux. He also loves his hobby as an amateur filmmaker.

Submit a Comment

Your email address will not be published. Required fields are marked *

Subscribe To Our Newsletter

Join our mailing list to receive the latest Infor CRM (Saleslogix) and Creatio (bpm'online) news and product updates!

You have Successfully Subscribed!