The MFN-wrapper is a container that connects several different widgets. Each widget is represented in a self contained tab.
Press releases
Regulatory press releases
Reports
Annual reports
Other news
Subscribe
The widget transfer information on a message channel to describe its own height whenever something inside it happens. See the example on how to implement the listener and set the height.
<div id="inside-this-element"></div>
<script>
(function() {
'use strict';
// Adds an event listener in order to resize the iframe to an optimal
// size for the page
window.addEventListener('message', function(e) {
var iFrameID = document.getElementById('mfn-iframe');
var eventName = e.data[0];
var data = e.data[1];
switch(eventName) {
case 'setHeight':
iFrameID.height = data + 'px';
break;
}
}, false);
var ifrm = document.createElement('iframe');
var c = document.getElementById('inside-this-element');
c.innerHTML = '';
ifrm.setAttribute('src', <WIDGET_URL>);
ifrm.setAttribute('width', '100%');
ifrm.setAttribute('frameBorder', '0');
ifrm.setAttribute('id', 'mfn-iframe');
ifrm.setAttribute('scrolling', 'no');
c.appendChild(ifrm)
})();
</script>
