<ResponsiveReactGridLayout className="layout" breakpoints={{lg: 1200}}
                                   layouts={{lg: this.props.layout}}
                                   cols={{lg: 24}} rowHeight={30} draggableHandle={"div.draggable"} >

    {this.props.modules.map(function (module) {
                     return (
                         <div key={module.id}>
                             <GridElement key={"gridElem-" + module.id} gridElemId={module.id} />
                         </div>
                     )
    })}
</ResponsiveReactGridLayout>

<div>
    <GridElementHeader gridElemId={this.props.gridElemId} name={this.props.name} root={this.props.root}/>
    <GridElementContent gridElemId={this.props.gridElemId} name={this.props.name} type={this.props.type} root={this.props.root}/>
</div>