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

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!

3 comments

Davin Studer Community Champion 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.

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 3 people like this
Davin Studer Community Champion Dec 11, 2018

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

carolyn french Community Champion 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...

Look forward to a Server implementation!

will this be available for Confluence Server too? 

@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:

https://confluence.atlassian.com/doc/move-and-reorder-pages-146407727.html#MoveandReorderPages-moving

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

Comment

Log in or Sign up to comment
Community showcase
Posted Feb 06, 2019 in Confluence

Try out the new editing experience

Hi team, I’m Avinoam, a product manager on Confluence Cloud, and today I’m really excited to let the Community know that all customers can now try out the new editing experience and see some of the ...

783 views 33 5
Join discussion

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you