Navigation-Component <-- how to display left fragment | Community
Skip to main content
K
krist_wang
Level 2
May 18, 2023
Solved

Navigation-Component <-- how to display left fragment

  • May 18, 2023
  • 2 replies
  • 708 views

Hi, there is  a nav like the image below  

 

but  l only finish it like the image below,  and how to do the left frag

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Ritesh_Mittal

Hi @krist_wang ,

 

If your question is how to add the highlighted card in the header for each navigation then I believe you must be having a header/navigation component (HTL) where you must have a placeholder/DIV for the left section fragment if not then you need to put write logic as per the business requirement. 

2 replies

Ritesh_Mittal
Community Advisor and Adobe Champion
Ritesh_MittalCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
May 18, 2023

Hi @krist_wang ,

 

If your question is how to add the highlighted card in the header for each navigation then I believe you must be having a header/navigation component (HTL) where you must have a placeholder/DIV for the left section fragment if not then you need to put write logic as per the business requirement. 

    ShaileshBassi
    Community Advisor
    ShaileshBassiCommunity Advisor
    Community Advisor
    May 18, 2023

    Hi @krist_wang You can fetch the data at any level from the dialog and pass the value returned to the HTL with a particular class, as the sub-navigation items will also populate on the click event and it is always remain hidden till then.

     

    And based on the class you can have the combination of the various css i.e. display-flex, padding, margin, etc based on the UX business requirement to achieve the above use-case.

    Hope this helps!

    Thanks

      Terms & ConditionsAccessibility statement

      Loading footer...