Troubleshooting modular themes | HCL Digital Experience

You can debug your modules to improve performance.

A modular theme is a HCL Digital Experience theme that uses the Resource Aggregator theme optimization framework to allow the encapsulation of function into units that are called modules. You can combine those modules by defining theme profiles, and assign profiles to pages so that only the minimum necessary download data is done for a page. The download of the set of modules for any page is combined to be as efficient as possible.

Theme Optimization Analyzer Portlet

This portlet visualizes all parts of the theme optimization framework. With this portlet, you can see how the profiles are applied to specific themes or pages and see the defined resources for modules. This portlet features a validation report and the ability to export and import profiles to replicate another environment.

The portlet is included with the current version of HCL Portal. Click the Administration menu icon. Then, click Portal Analysis > Theme Analyzer.

Client console and debugging tools

For debugging errors in the client-side execution of JavaScriptâ„¢ or the client-side application of cascading style sheets, use a client-side console and debugging tool. Most browsers have their own development tools that are built in, or available as an add-on. For example, the Firebug add-on can be downloaded and installed into Mozilla Firefox. If there are client-side errors in the JavaScript, they are displayed in the console of these tools. By default, the resources are still being compressed and aggregated so it can be difficult to identify the exact resource that causes the error.