Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root


1 badge earned


Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!


Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.


Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!


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
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
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. 

And I came here in 2023, 5 years after this question was raised and STILL the answer is buy a third party tool. The answer ALWAYS seems to be to buy a third party tool. Just think about this, the object is called a panel, what are users adding a panel for? To control the layout. But you can't even control its size. This is absolutely pathetic. I work for a large corporation so installing a third party tool is extremely difficult even if it's free. It will require security sign off which is a little mini project. I hate to think how much we pay Atlassian and this is what we get.

Like Shantharam likes this

Looking at the linked ticket, the ticket was created 6 years ago. In all that time the ticket has absolutely zero comments from staff and has been left unassigned all that time. It's not like the company lacks resources. Overall our confluence pages look like rubbish because the most basic of basic tools to make them look even slightly better just don't exist. It's simply not possible to put a box on the screen and set its size. How??

I did find a partial solution, you can use the bootstrap panel macro. You need to know basic CSS and I had to troll through the HTML code of the page to work out what it's doing underneath. This defeats the purpose to some degree of using a GUI to edit your page. In my case I had white text on a dark background so when in the editor you can't see the text at all. Basically it was far from an ideal solution just to get around something that should be standard.

Suggest an answer

Log in or Sign up to answer
AUG Leaders

Atlassian Community Events