Installing the SAPUI5 SDK Samples

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:

image

If you open the SAPUI5 documentation and navigate to the Controls > Button page, you should see:

image

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:

image

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

image

ComboBox

image

DatePicker

image

RadioButtonGroup

image

RatingIndicator

image

Slider

image

SearchField

image

TabStrip

image

Menu and MenuButton

image

Paginator

image

ProgressIndicator

image

Tree

image

RichTooltip

image

 

More information

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

Thanks for reading!

Advertisements

One thought on “Installing the SAPUI5 SDK Samples

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s