How to bring back the missing filter order in the document pane in Sanity.io
8 repliesLast updated: Aug 3, 2021
Hi all. I've built a bespoke structure builder and the ordering at the top of the pane (the three dots to be able to filter) has gone but only comes back if I use S.documentTypeListItems() and I tried to find a way of bringing it back. So now I'm trying to create a new list item to filter using GROQ for example 'client by name' etc but I don't know how to query a document list or even where. Do I add something in the filter method for example by name ascending or descending as well as the date? I'm really stuck and help would be appreciated.
This is the missing filter order I mentioned from the document pane.
Hey User! What does your
deskStructure.jslook like?
import S from "@sanity/desk-tool/structure-builder";
import { createSuperPane } from 'sanity-super-pane';
//import {FiSettings } from "react-icons/fi";
export default () => S.list()
.title('Cube Content')
.items(
[
S.listItem()
.title('Clients')
.child(
S.list()
.title('Clients')
.items([
S.listItem()
.title('Create Project')
.child(
S.documentList()
.title('project')
.schemaType('project')
.filter('_type == "project"')
),
S.listItem()
.title('Client Footer')
.child(
S.document()
.schemaType('clientFooter')
.documentId('clientFooter')
),
])
),
// ...S.documentTypeListItems() not using
],
)I'm assuming it might have to do with adding a method regarding the three dots. Thanks
I see! A
documentListcan take a
defaultOrderingand a
getDefaultOrderingmethod . Adding one of those might be the solution! If that doesn’t work, you could try converting it into a
documentTypeListinstead as that will include ordering by default.
Ah, thanks so much! I will check this out.
.child(
S.documentList()
.title('Projects')
.schemaType('project')
.filter('_type == "project"')
.menuItems([
...S.documentTypeList('project').getMenuItems(),
S.orderingMenuItem({title: 'Project Title ascending', by: [{field: 'theFieldName', direction: 'asc'}]}),
S.orderingMenuItem({title: 'Project Title descending', by: [{field: 'theFieldName', direction: 'desc'}]})
])
),
]), If anyone else is wondering how to solve this I used the menuItem([...]) as you can see above. You can also swap out the ordering in the MenuItems([...]) for the normal document ordering property.
Was this answer helpful?
Sanity – Build the way you think, not the way your CMS thinks
Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.
