My previous post “Getting started with SAPUI5” provides the steps required to get the SAPUI5 SDK documentation installed and ready for use on your local machine using Visual Studio.
The SAPUI5 SDK documentation also includes lots of live code samples. To get them up and running requires some additional steps.
Installing the SAPUI5 SDK Samples
- unzip HTML5Beta_complete/demokit/WEB-INF/lib/demokit-uilib-1.2.0
- inside the unzipped demokit-uilib-1.2.0, copy the META-INF/resources/sap/ui/demokit folder into the previously created /resources/sap/ui folder
Your SDK folder should now look like this:
If you open the SAPUI5 documentation and navigate to the Controls > Button page, you should see:
Via the ‘Show Source’ link you can see and even change/re-run the source code, which allows you to easily experiment with the configuration settings:
The SDK samples provide a good impression of the look & feel of the SAPUI5 controls. The screenshots below show some of the available SAPUI5 Controls (using the “gold reflection” theme).
Menu and MenuButton
For more information, visit the SAPUI5 SDK developer center on SDN.
Thanks for reading!