Get Free Trial

How to show a pop up on fullscreen pivot table.

Answered
Koryn Zuñiga 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:

  • “react”: “^16.13.1”,
  • “flexmonster”: “2.8.16”,
  • “react-dom”: “^16.13.1”

I hope you should help me.
 

6 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster 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

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster October 20, 2021

Hello,
 
We are reaching out to ask if our response was helpful for you.
 
Looking forward to your feedback.

Regards,
Illia

Public
Koryn Zuñiga 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’;
 
 
 
 
 
 

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster 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

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster November 10, 2021

Hi,
 
We are wondering if our recent solution works well for you.
 
Looking forward to your reply.
 
Kind regards,
Illia

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster 5 days ago

Hello,
 
We are reaching out to ask if the provided solution works well for you.
 
Looking forward to your response.
 
Regards,
Illia

Please login or Register to Submit Answer