<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>PopoverArrowDisable</title>
    <!-- 1.) Load SAPUI5 (from a remote server), select theme and control library -->
    <script id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_bluecrystal"
        data-sap-ui-libs="sap.ui.commons,sap.m,sap.ui.unified"
	data-sap-ui-xx-bindingSyntax="complex"></script>

	<style>
	#oPopover-arrow.sapMPopoverArr{
	display:none !important;
	}
	</style>
	
    <!-- 2.) Create a UI5 ObjectHeader and place it onto the page -->
    <script>

	var oPopover = new sap.m.Popover("oPopover",{placement:"Bottom", content:[new sap.m.Label({text:"Sample Text"})]});
	var oButton = new sap.m.Button({text:"Press Me", press:function(oEvent){
			oPopover.openBy(oButton);
	}});
	oButton.placeAt("content");
     </script>
</head>
<body class="sapUiBody">

    <!-- This is where you place the UI5 ObjectHeader -->
    <div id="content"></div>
</body>
</html>
// Code goes here

/* Styles go here */