<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="UTF-8">
<title>HTML Container</title>
<script id="sap-ui-bootstrap"
type="text/javascript"
src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-libs="sap.m"
data-sap-ui-xx-bindingSyntax="complex">
</script>
<style>
#content{
height:99% !important;
}
</style>
<!-- XML-based view definition -->
<script id="htmlView" type="sapui5/xmlview">
<mvc:View
controllerName="myView.HTML"
xmlns:core="sap.ui.core"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m"
xmlns:html="http://www.w3.org/1999/xhtml"
class="viewPadding">
<App>
<pages>
<Page
title="HTML Container"
class="marginBoxContent" >
<content>
<html:iframe target='_top' src="http://go.sap.com/index.html" id ="attachmentframe" height="98%" width="100%">
</html:iframe>
</content>
</Page>
</pages>
</App>
</mvc:View>
</script>
<script>
// Controller definition
sap.ui.controller("myView.HTML", {
onInit: function() {
var oFrame = sap.ui.getCore().byId("__xmlview0--attachmentframe");
var oAttributes = oFrame._xContent.attributes;
var oValues = {"target": oAttributes[0].value, "src":oAttributes[1].value, "id":oAttributes[2].value, "height":oAttributes[3].value, "width": oAttributes[4].value};
alert(JSON.stringify(oValues));
}
});
// Instantiate the View, assign a model
// and display
var oView = sap.ui.xmlview({
viewContent: jQuery('#htmlView').html()
});
oView.placeAt('content');
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
// Code goes here
/* Styles go here */