You can open the apps directly at Demo Apps. You can also download the source files there to have a look at the code.
We have the following categories of demo apps:
Showcase apps that show you how to use specific controls or features
Apps that are created with our tutorials (see Get Started: Setup, Tutorials, and Demo Apps)
Other demo apps for Key User Adaptation, Application Path Framework (APF), and Charts
The following tables give an overview of what each demo app shows.
Demo App | Feature | Layouts | Specific Topic |
|---|---|---|---|
Shopping Cart | Input validation (see Validation Messages) |
| Filtering, custom filter Sorting Formatting Behavior-Driven Development with Gherkin Mock Server (OData V2) Local storage |
Browse Orders |
| Sorting Grouping Formatting Mock Server (OData V2) | |
Shop Administration Tool |
| Formatting | |
Employee Directory |
| Mock Server (OData V2) | |
Bulletin Board |
| Sorting Formatting Mock Server (OData V2) Custom type | |
Manage Products | Sorting Formatting Mock Server (OData V2) | ||
UI Adaptation at Runtime | |||
UI Adaptation at Runtime for SAP Fiori Elements | |||
APF Demo Application |
| Developing Apps with Analysis Path Framework (APF) Component Container | |
|
APF Configuration Modeler |
|
APF Configuration Modeler Component Container |
|
Chart Demo App |
Demo App |
|
| Other Libraries |
|---|---|---|---|
Shopping Cart |
| ||
Browse Orders |
|
| |
Shop Administration Tool |
|
Micro charts of | |
Employee Directory |
| ||
Hello World |
| ||
Bulletin Board |
|
| |
Manage Products |
|
| |
APF Demo Application |
| ||
APF Configuration Modeler |
| ||
Chart Demo App |
|
D3 charts (https://d3js.org) |