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).

CheckBox

ComboBox

DatePicker

RadioButtonGroup

RatingIndicator

Slider

SearchField

TabStrip

Menu and MenuButton

Paginator

ProgressIndicator

Tree

RichTooltip

 

More information

For more information, visit the SAPUI5 SDK developer center on SDN.

Thanks for reading!