Compiling the theme package - HxGN EAM - 12.2 - Feature Briefs

HxGN EAM Customizing the User Interface
Language
English
Product
HxGN EAM
Search by Category
Feature Briefs
HxGN EAM Version
12.2

  1. To compile the package and build, open a command line window and navigate to path:

    cd C:/{install directory}/Theming/themeworkspace/packages/local/mynewtheme

    Execute command: sencha package build

  2. When the process completes, copy the contents of the 'mynewtheme/build/resources' folder (C:/{install directory}\Theming\themeworkspace\packages\local\mynewtheme\build\resources) to 'C:/{install directory}/apache/web.war/resources/mynewtheme' (create a "mynewtheme" folder if it does not exist).

  3. Rename the "mynewtheme-all.css" file as "app-all.css".

  4. Copy the "mynewtheme" folder from 'C:/{install directory}/apache/web.war/resources', to C:\{install directory}\apache\web.war\build\development\EAM\resources and C:\{install directory}\apache\web.war\build\development\Login\resources.

  5. In both the 'Login' and 'EAM' app folders (C:/HxGnEAMExtJS/apache/web.war/login and C:/{install directory}/apache/web.war/eam), duplicate the 'theme-default.json' file. Rename the new file(s) to "mynewtheme.json".

    This name needs to match the value you wish to use for the 'UITHEME' install parameter, i.e., "mynewtheme".

  6. Open each of these "mynewtheme.json" files from both locations in a text editor and find the "css" block.

  7. Update path: 'resources/theme-default/app-all_1.css' to path: 'resources/mynewtheme/mynewtheme-all.css'.

    Update all the "path" lines under the "css" block. In other words, replace "theme-default" with the name of the new theme (which should match the folder you moved in step 3 of Setup). Also, update the name of the individual filenames to match the filenames in that folder.

  8. Log into HxGN EAM and navigate to the Installation Parameters screen. Update the UITHEME parameter value to "mynewtheme" and save.

  9. Log out of HxGN EAM, and then log back in. The new theme should now be active.

    Open in a new incognito window and check whether the custom theme is loading in Network traffic in Developer tools.