Hi,
Want to create a sidebar using igx-nav-drawer, first one will have a igxDrawerMini with icons. after opening the first drawer with list, on clicking on the menu item, second nav drawer should open having a treeview menu.
Below is the reference image which need to be achieve.
Hello Sajid,
Thank you for contacting Infragistics Support!
I believe you will find the following sample I have prepared for you very helpful. As you can observe using a recursive ng-templates and appropriate route navigation structure it is possible to implement what you're trying to achieve. However this functionality is not provided out of the box and has to be implemented on application level, which is beyond the scope of Infragistics Support.
Having this in mind, we will not update the provided sample with any additional implementation but you can feel free to ask questions regarding the current approach.
Looking forward to hearing from you.
Regards,
Malin Hadzhiev
Entry Level Software Developer
Infragistics
Hi Malin,
Thanks for the support, for creating the treeview menu in igx-nav-drawer.
i need 2 igx-nav-drawer in one page only. when i open the first igx-nav-drawer, and when click on the menu-item which should open the second igx-nav-drawer with the tree-view menu.
Is it possible to have two igx-nav-drawer in one page.
Regards
Sajid Khan.
As I previously mentioned, currently we do not provide two igx-nav-drawer on one page and the best suggestion is to subscribe to this issue so you will receive updates when there is more information.
Any concerns or questions that you have can be directly addressed in the issue, which will give you the opportunity to directly communicate with our development team.
Let me know if I may be of any further assistance.
Regards, Malin HadzhievEntry Level Software DeveloperInfragistics
Thanks for the sample, but still i am not able to get my design.
In my code i am using two igx-nav-drawer
<igx-nav-drawer id="navigation" #drawer [isOpen]="false" [pinThreshold]="50000">
the main menu with icon will come </igx-nav-drawer> <igx-nav-drawer id="navdrawer" #drawer01 [isOpen]="false" [pin]="false" [pinThreshold]="50000" >
<!-- In this drawer i am loading Tree menu --> </igx-nav-drawer>Is it posssible to have two drawer to work on one page.Thanks
Sajid Khan
I have investigated your requirement further and it seems to be a known issue which is already logged in our GitHub Repository. My suggestion is to subscribe to this issue in order to receive notifications whenever a new information is available.
Currently, you can try this sample whether it achieves your requirement.
Feel free to add any additional information, or questions that you might have.