asked on October 12, 2021
I am trying to show a custom pop up modal (a react component) in front of fullscreen pivot table. However, I try this solution (https://www.flexmonster.com/question/issue-when-i-go-fullscreen-the-popup-modal-is-not-visible-on-the-main-screen/) but it did not work.
I am using this npm:
I hope you should help me.
⋅ October 13, 2021
Hello,
Thank you for contacting us.
We have prepared the dedicated sample for React. You can find it in the attachments.
Run npm install and npm start commands to launch this example.
We suggest checking out src\components\ReactFlexmonsterExamples\PivotTableDemo.js and src\App.css files to get a better understanding of this approach.
Please let us know if it works well for you.
Kind regards,
Illia
⋅ October 20, 2021
Hello,
We are reaching out to ask if our response was helpful for you.
Looking forward to your feedback.
Regards,
Illia
⋅ November 2, 2021
Hello,
It is a pity but it does not work.
I am using a material ui Dialog component so, it does not matter how I try to add the component, with your solution it always be behind flexmonster fullscreen.
I hope you should give me an example with this component.
PD:
The import is:
import Dialog from 'material-ui/Dialog';
⋅ November 3, 2021
Hello,
Please use the container property of the Dialog component to define its parental container (wrapper). More information on this point can be found in React documentation: Modal API - MUI. In this case, custom CSS styles can be removed.
We have attached a sample project for your reference.
Regards,
Illia
⋅ November 10, 2021
Hi,
We are wondering if our recent solution works well for you.
Looking forward to your reply.
Kind regards,
Illia
⋅ November 24, 2021
Hello,
We are reaching out to ask if the provided solution works well for you.
Looking forward to your response.
Regards,
Illia
