How can I set the page title to what I select in select field?

[mortal thistle]

Hi,

I'm trying to make it so when I select and option in the select field, that field is used as the title for the page.

This is what my code looks like so far:

const Page: CollectionConfig = {
  slug: "page",
  admin: {
    useAsTitle: "title",
  },
  auth: false,
  fields: [
    {
      name: "pageType",
      label: "Page Type",
      type: "select",
      options: [
        {
          label: "Home",
          value: "home",
        },
        {
          label: "Location",
          value: "location",
        },
        {
          label: "Contact",
          value: "contact",
        },
      ],
    },

How do I make it so when, for example, I select "Home", that's what gets set for the title?

[mild kestrel]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• doc
• customization
• admin-config
• token-based-auth

Community-Help:

• hooks on { Select } from 'payload/components/forms'
• Hide a field based on a role

[pliant magnet]

Hey @mortal thistle, the useAsTitle property should be set to the name of the field you want to use. So in this case, you should set it to pageType.

[mortal thistle]

Awesome, thank you! This is what worked for me