Skip to main content
krist_wang
Level 2
May 18, 2023
Solved

Navigation-Component <-- how to display left fragment

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.
Ritesh_Mittal
Ritesh_MittalAccepted solution
Adobe Champion and Community Advisor
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. 

View in thread

2 replies

Ritesh_Mittal
Adobe Champion and Community Advisor
Ritesh_MittalAdobe Champion and Community AdvisorAccepted solution
Adobe Champion and Community Advisor
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. 

Translate
    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

    Translate
      Terms & ConditionsAccessibility statement

      Loading footer...