I have a paginated list where the user drags and drops items to change the order. This list is paginated, so when the length of the list is longer than the page there is no clear way to move items outside of the current page. Is there a design pattern I could use?

The application is an Angular app with a UI very similar to this. The lists have a considerable number of items so due to performance issues we are adding pagination to it, which is causing a lot of UI problems.

  • Could you please elaborate more on what type of application it will be? Does it really need drag and drop re-ordering feature on 2nd page onwards?
    – Ades
    Mar 31 at 15:23
  • @Ades Added some extra information to the question.
    – Miki
    Mar 31 at 15:31
  • Ok, it's clearer now. Another question: where those draggable list items are created? Are they created within the app or they are pre-created and users can only drag them? Because one way would be to allow users to categorise the items at the time of creation.
    – Ades
    Mar 31 at 16:10
  • @Ades There is a button "Add item" next to the list - currently we add the item last, and take the user to the last page.
    – Miki
    Mar 31 at 17:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.