Content manager override in v4

Questions and Answers
1
System Information
  • Strapi Version: v4
  • Operating System: mac
  • Database: postgres
  • Node Version:
  • NPM Version:
  • Yarn Version:

Hi everyone, I am trying to override few files on content manager. The first one is which is located under cache is .cache/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js.
I have tried to put the updated version in

src/admin/extensions/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js

and

src/extensions/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js

but strapi is not picking up these files. I have tried to do the yarn build as well but its not picking it up.

1 Like
2

Hey @Meher_Chandan,

In Strapi v4, it is actually not possible to extend the admin panel using the extensions folder.

You can however, create a custom plugin and override the default Dynamic Zone component (using app.addFields() in the register function) so you could then customize the ComponentPicker component.

If you are interested in that I can prepare a small tutorial/repo for it.

All the best :grinning:

1 Like
3

Hi @nextrapi,

Thank you for your feedback. That would be awesome if you can create a sample.And I believe you can document in strapi documentation as well :slight_smile:

4

Hi @nextrapi,

thank you for offering this solution! I would also be very interested how to solve such situations in v4 :slight_smile:

5

@nextrapi Hi, I just started digging into the V4 plugin API, and though initializaton is pretty straightforward using the CLI, I find difficult to find my way into the docs.

The given examples + articles + vidéos I have seen explain how to create a custom interface, inject codes, but I would simply be able to override existing admin components, and the extension way seemed to be simpler regarding this.

I would be eager and grateful if you could create a tutorial as you said that would help users with overriding files.

6

I wish to extend the admin panel so I can create categories for my API’s. I have over 20 endpoints and getting hard to manage. is there a way to do this in v4? in V3 you could copy the left menu from the node_modules and override it in the extensions folder but that is no longer possible. Is there a way to achieve changing the way content manager and content-type-builder looks and work?

1 Like
7

Hi ! Few weeks ago I wanted to upgrade to V4 but I did not succeed to override the files for my admin panel customisation in order to keep my V3 customization . And then I saw this post saying it is no longer possible.
After some research, I found some ways to customize my Admin Panel anyway :

  • Configuration options : you can directly change all the translations, the logo, the favicon, the available locales, the theme, the tutorials and even the notification.
  • The injection zone : you can create your own component and then put it directly in the Strapi admin panel
  • Create your own plugin

If you are interested, I have tried to sum it all in an article (link here)