on 2018 Oct 04 8:21 AM
Dear Members,
I am new to SAPUI5. The following code is not working on my Sap WebIDE. When I run the index.html it shows the blank page.
The Code is as under
Index.html
<!DOCTYPE html >
<!--Use the xml view from folder view -->
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta charset="UTF-8">
<title>OpenSAP - Developing Web Apps with SAPUI5</title>
<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.m"
data-sap-ui-compatVersion="edge"
data-sap-ui-preload="async"
data-sap-ui-resourceroots='{
"opensap.myapp": "./"
}'>
</script>
<script>
sap.ui.getCore().attachInit(function () {
sap.ui.xmlview({
viewName: "opensap.myapp.week1u21.view.App"
}).placeAt("content");
});
</script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>
App.view.xml
<mvc:View
displayBlock="true"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m">
<Carousel>
<Pages>
<Image
src="https://upload.wikimedia.org/wikipedia/commons/0/0e/GEO_Globe_10.jpg"
height="400px"/>
<Image
src="https://upload.wikimedia.org/wikipedia/commons/b/b1/Globe_Atlantic.svg"
height="400px"/>
</Pages>
</Carousel>
</mvc:View>
My Folder path in SAP WebIDE is as under
Please help me to find out the problem.
Request clarification before answering.
Hi,
Web IDE does not support projects in sub-folders.
Please locate the root folder of your project (i.e. "Week1U21") directly under the "Workspace" root.
Regards,
Michal.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
After setting the project folder directly under the "Wrokspace" and make the necessary changes in the index.html. I still display the black page.
<!DOCTYPE html >
<!--Use the xml view from folder view -->
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta charset="UTF-8">
<title>OpenSAP - Developing Web Apps with SAPUI5</title>
<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.m"
data-sap-ui-compatVersion="edge"
data-sap-ui-preload="async"
data-sap-ui-resourceroots='{
"opensap.week1u21": "./"
}'>
</script>
<script>
sap.ui.getCore().attachInit(function () {
sap.ui.xmlview({
viewName: "opensap.week1u21.view.app"
}).placeAt("content");
});
</script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>
See the directory structure in SAP WEBIDE as under
Hi Michal, do you have plans to develop it?
It would be really useful because sometimes you have X projects for different companies and it would be nice to be able to group them in a more comfortable way, I do not know if the Web Ide Full Stack has something similar that can cover this requirement?
It would be like when you create in the SAP Logon the different connections, it allows you to create Sub-folders 🙂
(Do you have any options to send suggestions for improvement about Web Ide? )
User | Count |
---|---|
89 | |
11 | |
9 | |
8 | |
7 | |
5 | |
4 | |
4 | |
4 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.