We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

Iframe detected error: ON upgrading from webdatarocks to flexmonster. Webdatarocks supports iFrame.

Answered
ishan asked on October 30, 2019

I have updated my react application to use flexmonster. My application runs inside an iFrame, and i use below way to use Flexmonster:
 

const configuration = this.getConfiguration(this.props);
this.internalComponent = new Flexmonster(configuration);

where configuration is taken from below
 

getConfiguration(props: ComponentProps): Configuration {
    const {
      componentConfig,
      onCloseButton,
      reportConfig,
      reportData,
    } = props;
    return {
      container: ReactDOM.findDOMNode(this),
      toolbar: true,
      ...componentConfig,
      report: {
        ...reportConfig,
        dataSource: {
          data: reportData
        }
      },
      beforetoolbarcreated: toolbar => customizeToolbar(toolbar, onCloseButton),
      licenseKey: LICENSE_KEY
    };
  }

 
 
Can we get support for iFrame in Flexmonster as well, or suggest me an alternate solution. 
For above snippet, i can't embed it inside another div, as 'this' refers to the window/iFrame where it runs.
 
 

Attachments:
overview_new.png

1 answer

Public
Ian Sadovy Ian Sadovy Flexmonster October 30, 2019

Hello Ishan,
 
Thank you for the question.
Loading Flexmonster in an IFrame is not recommended. If possible, please avoid using IFrame and use <div> container and it will work properly.
With more details about that issue, our representatives will contact you via email soon.
 
Regards,
Ian

Please login or Register to Submit Answer