asked on July 27, 2023
Hello,
Our team has been using flexmonster with angular for awhile and it does a great job thank you for that.
I am trying to see if it is possible to reorganize the export menu in the pivot tables. Would like to have something like in the example here https://stackblitz.com/edit/angular-material-nested-submenu-a7osef Please ignore buttons and I am using material to show the point.
So the Default option would have existing export options and Custom one will have custom options with it's own handlers.
Could you please let me know if the above is possible ?
RE:
Actually, I tried doing that with `beforetoolbarcreated` but I missing the event I need to trigger the menu to open. Please use Export from toolbar to see.
https://jsfiddle.net/h5zd9eb8/
Thank you
⋅ July 31, 2023
Hello, Sudhasmsa!
Thank you for reaching out to us.
Please note that Flexmonster only supports adding a single-level menu for the toolbar's tabs. We recommend adding the new handler to the export tab for multilevel menu implementation, which will open the custom menu over the grid. Also, the menu property should be removed so that the Export tab no longer has a default dropdown menu associated with it.
Our team prepared an example with the beforetoolbarcreated handler, illustrating the entry point for custom menu implementation: https://jsfiddle.net/flexmonster/qgoz24de/
Please let us know if our answer helped you.
Best Regards,
Maksym
⋅ July 31, 2023
Thank you Maksym for the example, I am trying to keep the UX consistent and reuse the existing flexmonster export menu. Also, I am not trying to remove existing menu I am just trying to move it to another sub level.
I think we will just add new items to current export menu at the same level. Thank you for the response.
This question is now closed
