It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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?

3 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

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.


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.



Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Jira

The add-in you’ve been waiting for: Jira Cloud for Excel 🙌

Introducing Jira Cloud for Excel Here at the product integrations team at Atlassian, we are thrilled to announce the new Jira Cloud for Excel add-in! This add-in lets you export Jira data directly ...

865 views 6 24
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you