Code-based nature means you can build on top of it to power anything.
Resources
DocumentationExamplesTemplatesGitHubBlog
Community
RoadmapDiscordCommunity Help
Payload Cloud

Deploy your entire stack in one place with Payload Cloud.

LoginCloud Pricing
It’s time to take back your content infrastructure.
Schedule a Demo
Enterprise Features
SSOPublishing WorkflowsVisual EditorStatic A/B testingAI features
Customer Stories
MicrosoftBlue OriginHello BelloMythical SocietyTekton
Featured Customer Story

Microsoft chose Payload to tell the world about AI.

Read the case study
New projectLogin
New projectLogin
Community Help

How to implement custom Cells to add thumbnails to relationship fields as well as List views?

default discord avatar
chaitealattayylast year
4

I have read the docs on custom Cells:

https://payloadcms.com/docs/admin/components#cell-component

However, I am not sure exactly how to implement them. I want to add thumbnails to both relationship fields for images (so user can see what they are selecting), as well as in the List view.



Is there an example I can reference that shows how to pull the custom Cell in and utilize it correctly?

  • default discord avatar
    yhn5790last year

    @Chai

    https://github.com/payloadcms/custom-field-guide/blob/master/src/color-picker/Cell.tsx
  • default discord avatar
    chaitealattayylast year

    @John perfect, thank you!

  • default discord avatar
    jm.svlast year

    @Chai @John did you get this working for the relationship field dropdown? I figured out how to add the cell to my List view and Edit views, but not how to customize the items in the dropdown

  • default discord avatar
    borke50005 months ago

    @jmsv how do you add the custom cell to the list view?

Open

Continue the discussion in Discord

Star on GitHub

Star

Chat on Discord

Discord

online

Can't find what you're looking for?

Get help straight from the Payload team with an Enterprise License.