The Roadmap Planner edit window is ridiculously small. Can the size be increased?

Reuben Mendoza

Editing a roadmap with more than 5 bars and 9 months is a navigation nightmare! Once you get to 6 bars your dates roll off the window. Then you are left guessing where your new bar needs to start and end.

Good luck if you need to move a bar up or down from an In Progress section to a Completed section. It is more difficult than playing Frogger but not as fun.

Does anyone have a fix for this? Do I need to read the owner's manual??? Ugh. 

roman_l0djep

Hi @Reuben Mendoza,

There is an existing feature request for this in Atlassian’s backlog: https://jira.atlassian.com/browse/CONFSERVER-36103.

You can try the workaround suggested by Dave Krol:

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

Caveats:

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.

Solution:

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.