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 can we increase height and width of road map planner macro in confluence?

how can we increase height and width of road map planner macro in confluence?

5 answers

A work-around was posted at and it works for me, thank you Dave Krol!

Excerpt below:

davidmichaelkrolDave Krol added a comment - 30/Aug/2017 9:48 AM - edited

Hi Everyone, 

I have a solution/workaround that can be implemented on our end.


  1. I only have a solution for Chrome browsers right now.
  2. Obviously, I can't touch the Atlassian code itself - so it's not a real fix, it's more of a workaround.
  3. Which means - this has to be done individually to each computer accessing the site. 
    1. ie: Following this procedure yourself will not allow your employees/colleagues to experience the fix as well - they have to follow the procedure as well. 
  4. For those of you know notice, this is basically just saving CSS changes made using the Inspect Element tool.


  1. Download the Stylebot extension here
  2. I'd restart your browser just to be safe
  3. Go to the page where the roadmap planner is
  4. Click to Edit the roadmap planner so you see the popup window where you can move the colored blocks around etc.
  5. Click on the Stylebot button at the top-right of your browser (it says "CSS")
    1. This is next to the other extension buttons or next to the Options/Settings drop-down button (it looks like 3 vertical dots)
  6. Click "Open Stylebot"
  7. A window will appear on the side of your browser window
  8. At the bottom click on "Edit CSS"
  9. A blank text box will appear
  10. Paste this into the text box:
    #confluence-roadmap-dialog {
    width: 95%;
    height: 95%;
    top: 110px;
  11. Click Save
  12. Reload the page
  13. It should work

Note: You can adjust the percentages using trial and error to better adjust to your needs.

Please let me know if this works for you or if you have any questions.

Deleted user Jul 10, 2018

That is not a solution since it only changes how the page display on your computer/browser. It does not change how it's displayed for other people in your organization.


In any case, the fact that this is easily configurable by CSS goes to show how EASY it would be for Atlasssian to add these features. Their developers could probably implement/test/launch it in on hour flat.

Like # people like this

I updated Dave Krol solution a bit to work better with the latest server version:

#confluence-roadmap-dialog {
width: 95%;
height: 95%;
top: 10px;
#confluence-roadmap-dialog .roadmap-editor-popup {
height: 89%;
#confluence-roadmap-dialog .aui-dialog2-content {
max-height: calc(100vh - 160px);

Thanks, this is a really nice upgrade that makes working with roadmaps possible (at least in the proposed configuration on the client). It saves me a ton of time. I was already planning to break my roadmaps down to individuell pieces to make this work for my team. Thank you for this fix.

Thanks, with this mod its possible to work with roadmaps :) 

2 votes
Shannon S Atlassian Team Aug 02, 2017

Hi Adnan,

It is not currently possible, but we have a current feature request at CONFSERVER-36103 to allow more size options for the Roadmap Planner macro in Confluence.

If you vote on that case you'll be showing how popular such a feature would be. You can also click Watch in order to be updated when there is any progress or changes made.


Let us know if you have any questions about that!

Kind Regards,

Would you include support for multiple browsers in the update? Limiting the solution to Chrome doesn't help everyone.

Shannon S Atlassian Team Feb 28, 2019


That would be at the discretion of the developers, so I would recommend asking about that on the ticket.

Tom - thank you so much for linking me to that. I'll link the two together on Jira.



You know the bug has been there since 2015.

It's still not gathered enough votes. Probably because no one considers using the damn thing because it's too small.

Come on Atlassiannnn!

Like Deleted user likes this

Here's a workaroud that works for every user and any browser when displaying the Roadmap planner.  In a page, above the Roadmap Planner, add a HTML macro (if it's been enabled by your admin). Then for the code put: 



#confluence-roadmap-dialog { width: 95%; height: 95%; top: 10px; }



When the page is saved, the planner will now span the whole window.  Note that it doesn't work for the pop-up editor alas.


I just found out there is another workaround. (I tried it on Chrome and Edge.)

  1. Click on edit page
  2. Edit Roadmap Planner
  3. Resize only the height of your browser window to the smallest possible size.
  4. Then resize the browser window to full size again.
  5. The roadmap planner should be resized.

The only downside to this workaround is that you have to follow the steps again when the page is refreshed.

Is it working for you as well?



correction: only the width

Suggest an answer

Log in or Sign up to answer

Atlassian Community Events