MDBIframe

Hi Magdalena, Not much to post really as it is default MDB page modal with an Iframe insert. Basically do not want the modal to scroll at all.

import React, { Component } from "react";

import { MDBBtn, MDBModal, MDBModalBody, MDBModalFooter, MDBRow, MDBIcon, MDBIframe } from "mdbreact";

class IframePage extends Component { state = { modal11: false, }

toggle = nr => () => {
    let modalNumber = "modal" + nr;
    this.setState({
        ...this.state,
        [modalNumber]: !this.state[modalNumber]
    });
}


render() {
    return (
        <MDBRow>
            <MDBBtn onClick={this.toggle(11)}>Launch  Connect</MDBBtn>
            <MDBModal size="md" isOpen={this.state.modal11} toggle={this.toggle(11)}>

                <MDBModalBody className="mb-0 p-0">


                    <MDBIframe allowFullScreen title="connect" src="https://vmixcall.com" >
                        <img src="Vmixcalllogo-300-bl.png" />
                    </MDBIframe>
                </MDBModalBody>
                <MDBModalFooter className="justify-content-center">

                    <MDBBtn color="primary" outline rounded size="md" className="ml-4" onClick={this.toggle(11)}>
                        Close
      </MDBBtn>
                </MDBModalFooter>
            </MDBModal>
        </MDBRow >
    );
}

}

export default IframePage;