Child Page Draggable Sort Order?

Kirby 3 Solved āœ…
1

In my panel I have pages - a standard setup with Drafts, Unlisted and Listed pages.

The Listed pages have drag-and-drop sort ordering. Delightful.

On a sub-page (specifically an about page) - I have another layer of child pages you can create for team members. It does not seem possible to drag-drop sort order them, even thought they are listed.

Is that possible?

It would make my life 1000x easier to just drag sort these Team Member pages and reflect their panel order in my front-end.

2

Have you set any numbering scheme in the blueprint for the child pages? By default, pages are sortable and have the default numbering scheme.

3

No numbering scheme is in place:

          sections:
            drafts:
              extends: sections/teammembers
              headline: Draft Strike Members
              status: draft
              layout: cards
            team:
              extends: sections/teammembers
              headline: Team Members
              status: listed
              layout: list
              image:
                query: page.profileImage.toFile
                cover: true

And that teammembers.yml file:

headline: Expertise Offering
parent: kirby.page("About")
template: teammember
empty: Nothing here yet.
image:
  query: page.images
  cover: true
  ratio: 5/4

What am I doing wrong here?

4

What you are showing me is the blueprint of the parent and the blueprint for the sections, but what about the page blueprint for the teammembers?

5

Right (sorry about that)

title: Team Member
num: '{{ page.customSortNumberField }}'

status:
  draft:
    label: Draft
    text: No current drafts.
  listed:
    label: Team Member
    text: No team members yet. Get to work.
  unlisted:
    label: Board Member
    text: No board members yet. Get to work.

columns:
    - width: 1/2
        fields:
          profileImage:
            type: files
            label: Profile Image
            query: site.images
            empty: No file selected yet.
            multiple: false
            layout: cards
            size: large
            image:
              cover: true
            uploads:
              parent: page
          fullName:
            label: Full Name
            type: text
          position:
            label: Title
            type: text

    - width: 1/2
        fields:
          summary:
            label: User Bio
            type: textarea
            size: medium
          displayOrder:
            label: Display Order
            type: number
6

Here you go, you are sorting by a custom field, so sorting is automatic and therefore you cannot manually sort your pages.

1 Like
7

:expressionless:

Iā€™m an idiot.

Thank you. I love you.