Skip to content

Latest commit

 

History

History
535 lines (307 loc) · 5.93 KB

Demo_Apps_a3ab54e.md

File metadata and controls

535 lines (307 loc) · 5.93 KB
loio
a3ab54ecf7ac493b91904beb2095d208

Demo Apps

With the Demo Kit, we deliver some demo apps that show you how you can use the various features and controls of OpenUI5.

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:

The following tables give an overview of what each demo app shows.


Demo App

Feature

Layouts

Specific Topic

Shopping Cart

XML View

Busy Indicators

Device Adaptation

Expression Binding

Input validation (see Validation Messages)

sap.ui.layout.BlockLayout

sap.ui.layout.VerticalLayout

sap.ui.layout.form.SimpleForm

Filtering, custom filter

Sorting

Formatting

Behavior-driven Development with Gherkin

Mock Server (OData V2)

Local storage

Browse Orders

XML View

Busy Indicators

Device Adaptation

Expression Binding

sap.ui.layout.ResponsiveGridLayout

sap.ui.layout.form.SimpleForm

sap.f.FlexibleColumnLayout

Sorting

Grouping

Formatting

Mock Server (OData V2)

Shop Administration Tool

XML View

Busy Indicators

Device Adaptation

Expression Binding

Custom Controls

sap.ui.layout.BlockLayout

sap.ui.layout.ResponsiveGridLayout

sap.uxap.ObjectPageLayout

Formatting

Employee Directory

XML View

sap.ui.layout.form.SimpleForm

Mock Server (OData V2)

Routing and Navigation

Bulletin Board

XML View

Busy Indicators

sap.ui.layout.form.SimpleForm

Sorting

Formatting

Mock Server (OData V2)

Custom type

Manage Products

XML View

Busy Indicators

Sorting

Formatting

Mock Server (OData V2)


Demo App

sap.m

sap.m.semantic

Other Libraries

Shopping Cart

Carousel

ColumnListItem

DatePicker

FormattedText

LightBox

List

MessagePage

MessagePopover

NavContainer

NotificationListItem

ObjectListItem

PullToRefresh

RangeSlider

SearchField

SegmentedButton

StandardListItem

Toolbar

Wizard

 

 

Browse Orders

IconTabBar

List

ObjectHeader

PullToRefresh

SearchField

SegmentedButton

SplitApp

Table

DetailPage

GroupSelect

MasterPage

SendEmailAction

 

Shop Administration Tool

App

ColumnListItem

List

MessagePopover

ResponsivePopover

SearchField

StandardListItem

Table

Toolbar

sap.tnt.NavigationListItem

sap.tnt.ToolHeader

sap.tnt.ToolPage

D3 charts (https://d3js.org)

Employee Directory

App

IconTabBar

List

Toolbar

 

Hello World

App

Bulletin Board

App

ColumnListItem

IconTabBar

Toolbar

FullscreenPage

SendEmailAction

 

Manage Products

App

Toolbar

FullscreenPage

SendEmailAction