Loading Custom Javascript and Style Files in Infor CRM (Saleslogix) Web Without Modifying Master Pages

Usually when you create custom Javascript or CSS stylesheet files for Infor CRM, you have to modify the master pages to load your scripts or stylesheets. The problem with this is that you’ve now touched one more thing that you need to worry about in an upgrade. There’s a lot of stuff going on in those master pages and merging them, or recreating your changes, after an upgrade is a huge pain. To solve this, I’ve created a free to use module that will dynamically load your custom script and stylesheet files without the need to modify the master pages at all.

Introducing the FX.CustomLoader Module

The FX.CustomLoader Module is an open source and free to use project from Customer FX. You can see the repository on Github:

View the FX.CustomLoader.Module Repository on Github

In a nutshell, this is how it works. There are folders you place your scripts and stylesheets in and this module will load them all at runtime for you. No need to modify the master pages ever again.

Complete Steps to Use

  1. Download the FX.CustomLoader.Module bundle
  2. Install the bundle in Application Architect
  3. Look in the SlxClient/SupportFiles and you’ll see a folder called “Custom” which contains two subfolders named “Scripts”, “Style”, and “Modules”
  4. Drop any javascript files in the SupportFiles/Custom/Scripts folder (you can organize things with subfolders if you’d like)
  5. Drop any CSS style files in the SupportFiles/Custom/Style folder (you can organize things with subfolders if you’d like)
  6. Drop any javascript to be loaded as AMD modules in the SupportFiles/Custom/Modules folder. Place the files for each module in a separate subdirectory. The subdirectory name will be used as the module name. For example, if your AMD module namespace is “Test”, place the files in a subfolder named “Test”. When loaded at runtime, it will load the module as “Test”. If the module includes a “main.js” file it will get executed automatically at runtime.

FX.CustomLoader Module Folders

That’s it. Any new style or javascript files you need to add, just drop them in those folders and you’re good to go.

If you’d like to change the folders the module looks in, those are configurable. Just go to the Modules tab for the SlxClient, select the FX.CustomLoader.Module and click the Configure button. You’ll get a dialog where you can specify different paths.

FX.CustomLoader Configure

If you run into any issues, feel free to submit an issue on Github or a pull request 🙂 Download the bundle and enjoy!

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 since 2001 and believes in sharing with the community. He loves C#, Javascript, Python, 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) news and product updates!

You have Successfully Subscribed!