Need Drag and drop feature in created CMS collection

Design help CMS
1

Hello,

We have using Woldie Template & in that template Team Member collection CMS has created. But we want to this collection item is in drag & drop Feature because currently its coming latest added come first.

Please help us on it.

Thanks,

Here is my public share link: LINK
(how to access public share link)

2

Hi Sattar. Please update your post and provide a read-only link to your Webflow project so we can take a look. Instructions are here.

Also, to clarify, are you trying to change the order these items appear in on your site, or when viewing your collection on the backend? Thanks!

3

Hi Chris,

Read Only Link - https://preview.webflow.com/preview/dickensonworld-2-0-93ca69?utm_medium=preview_link&utm_source=designer&utm_content=dickensonworld-2-0-93ca69&preview=e2f0877a2584c9f2e888beefc50c2073&pageId=615c5434afca66ae54c542a1&workflow=preview

I need to change the order of these updated items in backend CMS & also the front end page as per my order sequence. Like I need to move down the first item easily via drag in below.

4

Hi Sattar,

Drag and drop would be pretty handy, but wouldn’t change the order on your live site. You can solve both problems by continuing to fill in your Order Number field for each CMS item. After that, you can select your collection list in the elements panel and change the Sort Order to Order Number, Smallest to Largest (or whatever your preference is).

image
image219×550 15.9 KB

In the backend, you can also sort by one of your CMS item’s attributes by clicking this little icon all the way on the right-hand side image and selecting the column you want to sort by, then clicking the column header (just like in a normal spreadsheet).

5

Hi Chris,

I did not get you. Suppose if organisation will hire one new employee which is normal manager & we need add his profile something between in middle. So how we will do.

Please share us same in demo video how to do it.

Thanks,

6

Hi Sattar, Multiple options here.

You can create multiple collection lists on your page and use the Filter option to limit via position / whatever category you choose, and then also apply any sorting you wish.
image

You can also add a field to your database that is not displayed on the page, but indicates position and is used as a stacked sort order. You can set up a sort order to first sort by this new position tag (it could even just be a number) and the second sort order by name.
image