<!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 */