How to add custom JavaScript code to Crowd Webapp

Platform Notice: Data Center Only - This article only applies to Atlassian products on the Data Center platform.

Note that this KB was created for the Data Center version of the product. Data Center KBs for non-Data-Center-specific features may also work for Server versions of the product, however they have not been tested. Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.

*Except Fisheye and Crucible

Summary

Adding a custom JavaScript code to the header of Crowd Webapp can be tricky and there is no easy way of doing it from the UI.

Solution

To inject the custom JavaScript code, you will need to do the following:

  1. On your Crowd server, navigate to <crowd-install>/crowd-webapp/console/decorator

  2. Backup the file default.jsp by creating a copy of it

  3. Modify default.jsp

  4. Add your code to the head section

  5. Save the file

  6. You should be able to see the changes right away, no need to restart Crowd

Updated on April 2, 2025

Still need help?

The Atlassian Community is here for you.