VirtusLab-Open-Source/strapi-plugin-navigation

Parent Child Relations and path

yasirhaleem opened this issue · 7 comments

Thanks for the awesome pugin

i want to build following structure for menu using this plugin

  • Top Most Entry act as wrapper (not linked to any page just a title )
    --Parent Item (type internal Parent Page )
    -- child item ( is it possible when creating this item it shows only child items ? )

Other problem is how i can remove /#/parent-page /#` from it

Screen Shot 2023-09-01 at 3 13 13 AM

Hi @yasirhaleem

Can you rephrase your question, please? I'm not sure which part you want to omit.

Hi @CodeVoyager

i want to omit the # part e.g

For the wrapper element i don't want it to point to any link but just text so i used '#' in url

but the child element for that wrapper element is show link as /#/linktosomepage ( can we ommit that /# part ? ), if we add another nested item url becomes like this

/#/parent-item/child-item can it be like /parent-item/child-item

Hi @CodeVoyager

i want to omit the # part e.g

For the wrapper element i don't want it to point to any link but just text so i used '#' in url

but the child element for that wrapper element is show link as /#/linktosomepage ( can we ommit that /# part ? ), if we add another nested item url becomes like this

/#/parent-item/child-item can it be like /parent-item/child-item

Hi @yasirhaleem

Currently you cannot ignore navigation items in your navigation result.

But you can achieve somewhat similar result by following configuration.

Parent/wrapper element's path is /. Child does not start with /. You just specify rest like parent/. And so on.

image image image

Results with:

image

If any navigation nodes are to be filtered out API's client needs to perform filtering by themself.

Hope this helps you out.

Hi @CodeVoyager Thanks for the example.

As per the your screenshot we can't have # for root level element ? Problem is i want root level menu too go no where #nogo just act as label with dropdown menu

Other solution can be to loop through each menu and replace '/#' with '/`

Hi @yasirhaleem

That's right. This plugin was design to render navigation as it was designed. For your case you could on UI check only root element of your navigation and change it from / to #. To recognise root you could use uiRouterKey value. Or structure. Depends on mode you render your navigation in.

Closing due to inactivity. Re-open should you need more help.