Hi,
I'm unable to use the overlay container control of SAPUI5 from MII Workbench.
My code is as below(copied from Demo Kit):
<!DOCTYPE HTML>
<html>
<HEAD>
<TITLE>Overlay Container Test</TITLE>
<META http-equiv="X-UA-Compatible" content="IE=edge">
<META http-equiv='cache-control' content='no-cache'>
<META http-equiv='expires' content='0'>
<META http-equiv='pragma' content='no-cache'>
<SCRIPT type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid"></SCRIPT>
<script id="sap-ui-bootstrap" type="text/javascript"
src="resources/sap-ui-core.js"
data-sap-ui-theme="sap_goldreflection"
data-sap-ui-libs="sap.ui.ux3, sap.ui.commons">
</script>
<script type="text/javascript">
function handler(oEvent) {
alert("Event '"+oEvent.getId()+"' triggered");
}
var oOverlayContainer = new sap.ui.ux3.OverlayContainer();
oOverlayContainer.addContent(new sap.ui.commons.TextView({text: "Some Content ..."}));
oOverlayContainer.attachClose(handler);
oOverlayContainer.attachOpen(handler);
oOverlayContainer.attachOpenNew(handler);
var oButton = new sap.ui.commons.Button({
text: "Open Overlay Container",
press: function(oEvent){
if(!oOverlayContainer.isOpen()){
oOverlayContainer.open();
}
}
});
oButton.placeAt("sample1");
</script>
</HEAD>
<body class='sapUiBody'>
<div id='sample1'></div>
</body>
</HTML>
On execution, it is not displaying the content. I'm using MII 14.0 SP0. The SAPUI5 SCA file is properly installed. The ux3 library is in sap.ui folder still the overlay container is not created.
Please share your valuable thoughts.
Regards,
Prashant