Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

How do I set a panel heights to the column height?

I have a 3-column page layout set up right now with a panel in each column. Each panel has a different amount of content, though, so they're all different heights.

Is there any way (via custom css or javascript or any other way) to have all the panels dynamically have the same height as the tallest panel?

1 answer

0 votes
Diego Atlassian Team Dec 28, 2018

Hello there Annie!
Currently, this is only achievable with third party-tools or custom css sheets. There is a feature request for Confluence Cloud that points at this:


What you could do is try Content Formatting for Confluence (a third-party add-on):

Content Formatting for Confluence - Atlassian Marketplace


The approach is this:

1- Create your page
2- Add the three section in your page
3- Add one DIV macro in each column (The DIV macro is bundled with Content Formatting for Confluence)
4- Insert the panel macro inside each DIV macro
5- Set the size for each DIV

Keep in mind that Content Formatting for Confluence is a paid add-on with a free trial time.
Let us know your thoughts on this!

Searching for a solution to this in 2022.  And this answer, "just buy a plugin", is the number one reason I look forward to dropping Atlassian products. 

Suggest an answer

Log in or Sign up to answer

Atlassian Community Events