asked on April 14, 2024
Just upgraded the react project to the latest version available 2.9.74, and when testing I found an issue where the Fields dialog is not displaying correctly. The Fields, Report filters, Client, Columns and Values lists are displaying only in the top 50% of the modal if in Classic Form, in flat form, it's better and fills about 80% of the modal. The other dialogs off the toolbar seem to work fine. See image attached.
Thanks 🙂
⋅ April 18, 2024
Hello Rosemary,
Thank you for reaching out to us.
This issue can happen if flexmonster.css has not been updated along with other Flexmonster files. We recommend checking if flexmonster.css and flexmonster.js versions match by viewing these files through the Sources tab in your browser’s developer tools.
If flexmonster.css and flexmonster.js versions are not the same, follow the steps below:
flexmonster.css and flexmonster.js to the same version.flexmonster.css and flexmonster.js versions match.Please let us know if it works for you. Looking forward to hearing from you.
Kind regards,
Nadia
⋅ April 18, 2024
I had confirmed both CSS and JS are the same version v2.9.74 and had cleared the browser cache. This was the clue I needed though. I had followed some instructions on-line to import the CSS file using @import '~flexmonster/flexmonster.css'; in my master app.css file, and not reference the CSS file in the index.html. By placing the CSS file in the public folder for the react app, and referencing it in index.html this issue has gone away 🙂 Both css files were the exact same version. Appears to be the way when I upgraded I implemented, and everything is back to normal! BTW when the CSS/JS versions are out of whack it does show a console error message as I had this happen in a previous upgrade (which is very helpful). I think in this case, flexmonster thought it was missing, which created the same symptoms. Thanks for getting back to me!
⋅ April 18, 2024
Hello Rosemary,
Thank you for the confirmation!
We are glad to hear that it works for you. 🙂
You are welcome to contact us in case other questions arise.
Kind regards,
Nadia