Thanks for writing to Ticket https://www.flexmonster.com/question/on-clicking-the-toolbar-menu-options-the-screen-flickers-before-displaying-the-new-modal-pop-up-layout-options/. With the approach suggested in “Adding a custom theme” I need to manually add a new folder under ‘node_modules/flexmonster/themes’. For me, in the build server, I don’t have access to the node_modules folder and so I cant manually add up the new folder under flexmonster/themes.
Please help me with the below approach:
I have the ‘flexmonster-toolbar-menus.css’ file to override the classes in flexmonster-min.css. I have attached the same for your reference. I see the flickering under the below scenarios:
1->when we click the Options menu in the toolbar and the pop-up displays… The flickering is observed.
2->When data is being loaded and we have a pop-up with a progress status to indicate loading data during this time the screen flickers.
Maybe I need to override the pop-up dimensions and this is to do with improper pop-up dimensions as the flickering is observed only under these scenarios when we have a pop-up (just a wild thought).
Attached the .css file. It somehow did not get along with the question.
Our team didn’t manage to reproduce the described issue on our side.
Please note that you can place your
CSS file out of
node_modules/flexmonster/themes and connect it regularly.
Check out an example we made trying to reproduce your problem: https://jsfiddle.net/flexmonster/dfrs9h6x/.
We would like to kindly ask you to provide more details about the way you embed the
CSS file into your project. It would be great to receive a sample that would reproduce the problem with flickering so we could investigate it on our side.