<!DOCTYPE HTML>
<html>

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />

  <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-libs="sap.m" data-sap-ui-resourceroots='{"view": "./"}' data-sap-ui-theme="sap_bluecrystal" data-sap-ui-xx-bindingSyntax="complex">
  </script>
  <style>
    #idMain--idIconTabBar{
      height:93%;
    }
    #idMain--idIconTabBar-content{
      height:93%;
    }
    #idMain--idIconTabBar-containerContent{
      height:93%;
    }
  </style>

  <script>
    sap.ui.localResources("view");
    var app = new sap.m.App({
      initialPage: "idMain"
    });
    var page = sap.ui.view({
      id: "idMain",
      viewName: "view.Main",
      type: sap.ui.core.mvc.ViewType.XML
    });
    app.addPage(page);
    app.placeAt("content");
  </script>

</head>

<body class="sapUiBody" role="application">
  <div id="content"></div>
</body>

</html>
// Code goes here

/* Styles go here */

<mvc:View
  height="100%"
  controllerName="view.Main"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns:html="http://www.w3.org/1999/xhtml"
  xmlns="sap.m">
  <Page
    title="Page"
    class="marginBoxContent" >
	<IconTabBar
		id="idIconTabBar"
		upperCase="true"
		expanded="{device>/isNoPhone}"
		class="sapUiResponsiveContentPadding">
		<items>
			<IconTabFilter
				text="sap">
	<html:iframe src="http://www.sap.com" height="100%" width="100%"/>
			</IconTabFilter>
		</items>
	</IconTabBar>
  </Page>
</mvc:View>

                
sap.ui.controller("view.Main", {
  onInit : function ()  {
   
  },
  
  onAfterRendering: function(){
    var oHeight =  $(document).height();
  }
});