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

Organizing your space just got easier - Page Tree Drag & Drop is here Edited

Elaine Hankins Atlassian Team Dec 10, 2018

Hi Community! I’m Elaine, Confluence Product Manager. You may have read my earlier post about page tree in space navigation sidebar. I'm excited to share another improvement that helps you organize your Confluence content – you can now rearrange pages from your sidebar using drag-and-drop.

Here’s a sneak peek of the new drag & drop feature in action:

                    DnD demo 2.gif

This feature supports most common use cases of reordering pages in a space:

  • Move a page to a different position under the same parent, to be under a new/different parent, or to another nesting level.

  • Move a portion of the page tree (a page together with its descendants) all at once.

  • The destination parent page, if collapsed, is automatically expanded when the moved page(s) hover over it.

  • (Coming soon) Undo a drag & drop action.

A few important things to note:

  • The Reorder Pages feature in Space Settings will continue to work as is, as far as we’ve planned. This is also where you can reset the page sorting order to alphabetical.

  • Using sidebar drag & drop changes the page tree hierarchy for all users of the space.

  • The space-level and page-level permissions required for Reorder Pages in Space Settings also applies in sidebar page tree drag & drop.

  • Given technical constraints and usability considerations, we plan to enable this feature on any customer site with all spaces containing no more than 500 pages (per space). We’ll continue to solidify this feature and explore other solutions to address the need for organizing spaces with the largest amount of content.

We have enabled this feature for 30% of our customers and will continue to bring it to ALL eligible sites (<500 pages in each of the site’s spaces) throughout December.

Questions? Feedback? Please post your thoughts here. We look forward to hearing from you. Thank you and happy holidays!


Davin Studer Community Leader Dec 11, 2018

Have you studied in depth how easy it is to accidentally move a page, or are there any mitigating controls to keep that from happening. I would suggest maybe paring the click and drag with a keyboard combination to keep people from accidentally moving pages.

Elaine Hankins Atlassian Team Dec 11, 2018

Great to hear from you, Davin. Here are some details about how we manage accidental drag currently:

When a user presses the mouse down on an element, we cannot determine if the user was clicking or dragging. Also, sometimes when a user clicks they can move the cursor slightly — a sloppy click. So we only start a drag once the user has moved beyond a certain distance with the mouse down (the drag threshold) — more than they would if they were just making a sloppy click. If the drag threshold is not exceeded then the user interaction behaves just like a regular click. If the drag threshold is exceeded then the interaction will be classified as a drag and the standard click behaviour will not occur.

In case accidental move happens, esc key can cancel the drag while dragging. We're also developing drag & drop undo so user can revert the move after dropping.

We'll continue to monitor feature usage and iterate on it if necessary. We'll keep you suggestion in mind.

This feature is powered by Atlassian's open source library react-beautiful-dnd. You can learn more about it in depth here.

Like # people like this
Davin Studer Community Leader Dec 11, 2018

That's great. I think having an "undo" would be a good mitigating control.

carolyn french Community Leader Dec 17, 2018

Good call out @Davin Studerand interesting to hear the technical details, @Elaine Hankins. After seeing this at Ship-It and the overwhelming response, I was hoping it would come to a Confluence near me soon...

Bill Rudy Dec 20, 2018 • edited

Look forward to a Server implementation!

Janakiraman S Dec 18, 2018

will this be available for Confluence Server too? 

Elaine Hankins Atlassian Team Dec 18, 2018

@Janakiraman S, I checked with my colleague working on Confluence Server and here's the status:

We don’t have sidebar page tree drag & drop functionality in conf server right now. It currently isn’t on the short-term roadmap.

To reorder pages in Conf Server, this is currently what you can do:

atlassian dragon Community Leader Dec 23, 2018 • edited

This is long waiting feature we are looking for, We would like to have this in datacenter at-least for next enterprise release


Log in or Sign up to comment
Community showcase
Published in Confluence

Confluence CVEs and common questions

Two vulnerabilities have been published for Confluence Server and Data Center recently: March 20, 2019 CVE-2019-3395 / CVE-2019-3396 April 17, 2019 CVE-2019-3398 The goal of this article is...

897 views 0 19
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