Show TOC

Create an index.html FileLocate this document in the navigation structure

A minimalistic index.html file is needed to test the project configuration. This file contains the SAPUI5 bootstrap and a sap.m.Text control that displays the text "SAPUI5 is loaded successfully!".

  1. Choose the New Folder icon in the header toolbar and enter src as the folder name.
  2. Select the newly created folder and create a new index.html file inside it by choosing the New File icon.
  3. Paste the following code in the newly created index.html file and select Save:
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    		<meta charset="utf-8">
    		<title>SAPUI5 Walkthrough</title>
    		<script
    			id="sap-ui-bootstrap"
    			src="/resources/sap-ui-core.js"
    			data-sap-ui-theme="sap_bluecrystal"
    			data-sap-ui-modules="sap.m.library"
    			data-sap-ui-compatVersion="edge"
    			data-sap-ui-preload="async" >
    		</script>
    		<script>
    			sap.ui.getCore().attachInit(function () {
    				new sap.m.Text({
    					text : "SAPUI5 is loaded successfully!"
    				}).placeAt("content");
    			});
    		</script>
    	</head>
    	<body class="sapUiBody" id="content">
    	</body>
    </html>