Organizing Blocks into Folders in Admin Panel

[final cosmos]

guys, i got a lot of blocks. can i group them nicely in the admin panel ? It's getting a bit cluttered and there's more blocks to come. Idea is to have somthing like folders but for blocks

can i do that ?

(pls say yes 😂)

[north lagoon]

Original message from @inland fern - Moved from #general message

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:

• Installation - Adding to an existing app - 2. Copy Payload files into your Next.js app folder
• Collection Configs - Admin Options
• Building Your Own Plugin - Plugin Template - The dev folder
• The Admin Panel - Admin Options - Role-based Access Control
• Form Builder Plugin - Fields - Field Overrides

Community-Help:

• Assistance Needed with Implementing Localization in Next.js with Payload CMS 3.0

[light valley]

Hey @inland fern

When you say organize blocks, do you mean in the drawer for selecting the blocks?

If so, then yes, there is a group property on block configs which let you group your blocks into distinct sections

[inland fern]

hey, i mean when i enable block rendering in a collection right, and i add all my blocks to it's acceptable blocks, i want to somehow group them by categories so that when i actually add them visually in teh admin panel, they dont all just pop and fill the screen (they also appear to have some sort of icon or image, can that be changed too ?

i mean right here

i'm about to add a bunch, more than 20

[light valley]

Yep, you can use the group property

[inland fern]

it would get crowded

[light valley]

https://github.com/payloadcms/payload/pull/11239

You can also add thumbnails to them

[inland fern]

ooooo, that's cool, checking it out now

[light valley]

https://payloadcms.com/docs/fields/blocks#block-configs

On your actual block definitions, you can add an admin.group and imageURL

[inland fern]

i did it, thanks a lot. quick suggestion : team should consider leaving the logo/image toggle-able and having the blocks editable in a tree like folder structure in the future ( i imagine it's quite tedious to do it in code when you have tens maybe hundreds of blocks overall and a hierarchical visually editable - from the admin panel - tree structure under each "group" or folder would be neat)

but for now, its great, thanks

[light valley]

My pleasure, and yeah that's not a bad idea