How to customize Sage X3 login/index page images

If you have ever been asked if you could change the images that are shown on the index.html page of the X3 installation, before users log into de ERP, the answer is YES.  Let’s see how easy it is to show your logo or something else on that «splash screen»

If we take a look at the source code of that index.html page, we can see that the image that is presented on the page is chosen randomly from a list of eight that are located on the path \syracuse-ui\themes\desktop\sage\images\login

That means we can replace those images.  There is no need to modify a single line of code at all.

On an installation where SafeX3 is located on the default path c:\Sage\SafeX3\, the full path to the login images would be
c:\Sage\SafeX3\Syracuse\syracuse\bin\node_modules\syracuse-ui\themes\desktop\sage\images\login

Path where the images are

We will find there the eight images that are randomly selected each time a user access the index.html page.  We will also find the pattern that is shown as a kind of filter. You may copy the default images as a backup (always a good idea!) and then, replace those images with some of your own.

The next time you go to the login page, you will see one of your images…

Index.html Homer tweaked 😉

If that was useful to you, let me know!