Skip to main content
ExLibris
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    Debugging CSS and JavaScript - Disabling the wro4j Tool - Classic UI Only

    This page is specific to Primo's classic UI. For customization information that is specific to the new Primo UI and Primo VE, see the following documents, respectively:
     

    Primo utilizes the wro4j tool, which is used for analysis and optimization of Web resources (https://github.com/wro4j/wro4j). As a result of this integration, the system will no longer fetch all CSS files for every page. Instead, a virtual CSS file called primo_library_css.css is fetched by the browser and cached until it has changed. The same is done with JavaScript files that are part of the system. This can affect developers who use tools such as Firebug by preventing them from displaying the complete list of CSS and JavaScript files. It also means that if the hierarchy of the CSS files has changed, the change will not be seen until the code tables have been deployed.
    The following figure shows the use of wro4j in a Primo search. Note that primo_library_css.css is a virtual file and cannot be viewed.
    wro4j_on.png
    wro4j Integrated in Primo Search
    With the use of wro4j in Primo, no file locations have changed and you should not expect or need to make any changes to your CSS files.
    To deactivate wro4J and display the actual CSS and JavaScript files that are being used by Primo, you can use a Web tool (such as FireBug) in your browser and append the wroDevMode=true parameter to the Primo URL, or you can add a bookmark to your browser's toolbar that contains the following JavaScript line, which appends the wroDevMode=true parameter to the current page when the bookmark is selected:
    javascript:var%20gotoLocation=window.location.toString()+'&wroDevMode=true';window.location=gotoLocation;
    The following figure shows the expanded list of CSS files that are being used for a Primo search.
    wro4j_off.png
    Expanded List off CSS Files in Primo Search