SAP open UI5 Fiori sap.ui.ux3 pop up image OverlayContainer

 

<!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>İmage popup</title>

<script id=’sap-ui-bootstrap’ type=’text/javascript’
src=’https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js’
data-sap-ui-theme=’sap_goldreflection’
data-sap-ui-libs=’sap.ui.commons,sap.ui.ux3′>

</script>

<script>

var PoPImage = new sap.ui.commons.Image();
PoPImage.setSrc(“http://www.sap.com/global/images/SAPLogo.gif”);

PoPImage.setAlt(“alternative image text for image”);
//PoPImage.placeAt(“images1”);

 

var overlay = new sap.ui.ux3.OverlayContainer({
openButtonVisible: false,

});

overlay.addContent(PoPImage);
/*
var oOverlayContainerButton = new sap.ui.commons.Button({
text : “Open OverlayContainer”

}).placeAt(“content”);
oOverlayContainerButton.attachPress(function(oControlEvent) {
overlay.open();
});

*/

</script>
</head>
<body onload=”overlay.open();” class=’sapUiBody’>
<div id=’content’></div>
<div id=’images1′></div>
</body>
</html>

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)