<!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]
May 23 2016
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>
By Burhan KARADERE • Genel • 0 • Tags: Abap, bsp, fiori, image, open, OverlayContainer, SAP, sap.ui.ux3 pop up, ui5