Layout Issues After Upgrading Confluence
Platform notice: Server and Data Center only. This article only applies to Atlassian products on the Server and Data Center platforms.
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
Problem
After running an upgrade procedure, the layout of the Confluence instance does not load properly as in the following screenshot.
Cause
If you inspect the page with the developer tools, you can see that the CSS and JavaScript code is not being loaded. Only static HTML code is being rendered, leading to the layout issues:
If you are accessing Confluence through an URL that has a Context Path, this issue is caused by it not being set on the <Confluence-Install>/conf/server.xml file. When you run an upgrade procedure, the server.xml file is returned to its default state as well as other customizations.
Resolution
- Stop Confluence
- Open the file
<Confluence-Install>/conf/server.xml - Find the following line and change it from:
<Context path="" docBase="../confluence" debug="0" reloadable="true">To:
<Context path="/<Your-Context-Path>" docBase="../confluence" debug="0" reloadable="true">Now, restart Confluence
Remember to use the same context path as the one defined in the Server Base URL