Hello Friend,
I'm writing this blog post to share my experience on a specific development task on SAP Web IDE. If anybody wants to learn SAP UI5 through Online they can use SAP Web IDE.
Step 1: Open the SAP WEB IDE URL (SAP Web IDE URL) and login into the your SCN credentials.
Step 2: Create New project( File- New - Click on “Project from Template”
Step 3:Select the application under “Template Selection” depending upon the requirement either FIORI, UI5, Smart Template application.
Select the applications under the drop-down as per below screen shot.
So I am selecting “SAP UI5 Application” as per below screen.
Step 4: Search the SAP UI5 under “Search” we will knows the which version we are using this application
Step 5: Select “SAP UI5” application Click on “Next” Button and give the Project Name.
Step 6: Select “View Type” and Change the View Name as per the requirement under “Initial View Details” View Type like XML, Java Script, JSON and HTML
Click on Next and Finish.
Step 7: After creating the application. If you’re not able to see application in left hand side. Then go to View---- Click on “Reset to Default”. Then able to see the applications
Step 8: Created simple form using “JS”. I wrote the in “Simple.View.JS”, “Style.css” and “i18n.properties".
Simple.View.JS------ create Simple Form
Style.CSS -------------UI Alignment
i18n.properties ---------------All Label Name are available under this properties file.
Simple.View.JS
Style.CSS
i18n.properties
Step 9: We have two ways to check the output
Right click on “Application Name” ---- Run------Run As -------click on “Web Application”.
Output
If you want deploy the application ether UI5 ABAP repository, HANA Cloud platform and SAP FIORI Launchpad. Refer below screen shot.
Hope this is help full,
Thank you for reading this blog and let me know in case of any issues.
Regard
Vijay Kalluri