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
Highlighted

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!

5 comments

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.

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...

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

Hello, I really would like to have option - allow/disallow this drag and drop reorganization. This is big step back for us, because If somebody moves page by accident - he probably doesn't notice that and so he wont be able to undo this. Please, let admin decide if he allows/not allows users to have this feature.

Or add reminder- something like "Are you sure, that you want to move this page to new tree".

Thank you

Like Rob Edmiston likes this

I am in support of this. We are constantly having to restore the page tree structure. 

Did the 'undo' feature make it to live yet? And is there any advance on preventative measures? Warnings, permissions, pairing with a key, etc?

Comment

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

6 Awesome Ways to Apply Trello, JIRA and Confluence to your Project

I attended  Atlassian Summit 2019  and learned a lot from the presenters, attendees and knowledgeable Atlassian product managers. The presentations I attended focused on applying Agile, pla...

4,043 views 15 38
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