@retikolo/drag-drop-content-types
v1.7.1
Published
This plugin add a drag and droppable list that allows you to sort content type entries.
Downloads
10,618
Maintainers
Readme
⏳ Installation
Install with NPM.
npm i @retikolo/drag-drop-content-types
Install with Yarn.
yarn add @retikolo/drag-drop-content-types
🔧 Configuration
In your config
- Add the following to your
config/plugins.js
file. Create the file, if it doesn't exist.
module.exports = {
// ...
'drag-drop-content-types': {
enabled: true
}
}
- Run
npm run build
and restart the app usingnpm run develop
.
In the app
- Go to
Settings
→Drag Drop Content Type
→Configuration
. - Specify the
Rank Field Name
used for sorting or leave the default field namerank
. - Add a
Number
field withName: myRankFieldName
andNumber format: integer
to the sortable ContentType. - Configure the view of your ContentType by adding
Default sort attribute → rank
andDefault sort order → ASC
to update the view after dragging. - If needed: grant permissions for the
rank
field to your roles.
Hints
- You can set a
title
value that will be displayed in the menu instead of the default field. - A second field can be displayed in the menu via the
subtitle
setting. It can be either a string-like field or an object such as a relation, that has atitle
field as configured in the settings. - You can enable webhooks to trigger something after updating the order.
In your frontend
You can make a request in the frontend to get the ordered items. In this example the ContentType is called Foo
and ordered via the rank
field.
http://localhost:1337/api/foo?sort=rank:asc
🤝 Contribute
Feel free to fork and make pull requests to this plugin. All input is welcome - thanks for all contributions so far!
⭐️ Support
I you like this project, please give it a star ⭐️. Maybe this will help it getting integrated to strapi's core some day 😊.