Add a page other than CRUD and make the menu highlightable
I am using Refine with Antd. I have a resource called 'activities' and I have added CRUD pages for this resource. Besides the CRUD pages, I also want to add a 'schedule' page for it. How can I make the newly added page (e.g., /activities/schedule/1) have the same highlighting effect on the 'activities' menu as other pages (e.g., /activities/edit/1)?"
3 Replies
Hi @StevenH. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. However, you can refer to the refine documentation for more information on how to customize your application. Here are some useful links:
- Refine Documentation (https://refine.dev/docs)
- Refine UI Integrations (https://refine.dev/docs/ui-integrations/ant-design/introduction)
- Refine Routing (https://refine.dev/docs/packages/documentation/routers/react-router-v6)
These resources should provide you with more information on how to add custom pages and manage menu highlighting in refine.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@360760354671689728> kapa.ai is still learning and improving, please let us know how it did by reacting below
like-gold•9mo ago
Hello @StevenH, you can use
parent definition in your resource:
https://refine.dev/docs/advanced-tutorials/multi-level-menu/#usage
https://refine.dev/docs/core/refine-component/#parent| Refine
`` component is the entry point of a Refine app. It is where the highest level of configuration of the app occurs.
Multi Level Menu | Refine
This document is related to how to create a multi-level menu for Refine applications.