Navigation-Component <-- how to display left fragment

[kristwang]

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

[Ritesh_Mittal · Accepted solution]

Hi @kristwang ,

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. 

[Shailesh_Bassi_]

Hi @kristwang 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