I'm trying to make a menu bar similar to the one in the following picture.
I followed the documentation in Navbar Component (infragistics.com)
I used a igx-buttongroup to group the menu items but it can't be centered. I also can't display menu items when the actionButtonIcon is clicked.
Do you have any demo of a complete navbar?
Hello Varghese,
Thank you for contacting Infragistics Community!
After further investigations I determined that the required behavior isn’t provided out of the box and it has to be done programmatically on application level.
I believe you will find the following sample I have prepared for you very helpful. As you can observe it demonstrates two possible approaches for achieving the required behavior. The first one is using an absolute position and it places the icons in the middle of the igxNavbar. The second one is overwriting the predefined flex styles of the igxNavbar and it places the icons in the middle between the igxNavigation title and the icons, placed on its right side.
Please keep in mind that as I have already mentioned, the required behavior is not provided out of the box and it has to be implemented on application level. Having this in mind any further implementation is beyond the scope of Infragistics support. If the attached sample is not an accurate demonstration of what you’re trying to achieve I suggest logging a new product idea. You can submit feature request in our GitHub repository here.
Remember when submitting your idea to explain the context in which a feature would be used and why it is needed as well as anything that would prevent you from accomplishing this today. You can even add screenshots to build a stronger case.
This will give you the opportunity do directly communicate with our development team regarding the issue and get notifications whenever a new information is available.
Please let me know if you need any further information.
Best Regards, Martin Evtimov Entry Level Software Developer Infragistics, Inc.