loio
a3ab54ecf7ac493b91904beb2095d208
view on: demo kit nightly build | demo kit latest release
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:
• Showcase apps that show you how to use specific controls or features
• Apps that are created with our tutorials (see Get Started: Setup and Tutorials)
• Template apps (see App Templates: Kick Start Your App Development)
The following tables give an overview of what each demo app shows.
Features, Layouts, and Specific Topics
Demo
App Feature Layouts Specific Topic
Shoppi XML sap.ui.layout.BlockLayout``sap.ui.layout.V Filtering,
ng ViewBusy erticalLayout``sap.ui.layout.form.SimpleFo custom
Cart Indicators rm filterSortingFor
Device mattingBehavio
Adaptatio r-driven
nExpressi Development
on with
BindingIn GherkinMock
put ServerLocal
validation storage
(see
Validation
Messages)
Brows XML sap.ui.layout.ResponsiveGridLayout``sap.ui SortingGroupin
e ViewBusy .layout.form.SimpleForm gFormattingMo
Orders Indicators sap.f.FlexibleColumnLayout ck Server
Device
Adaptatio
nExpressi
on
Binding
Shop XML sap.ui.layout.BlockLayout``sap.ui.layout.R Formatting
Admini ViewBusy esponsiveGridLayout``sap.uxap.ObjectPageLa
stratio Indicators yout
n Tool Device
Adaptatio
nExpressi
on
BindingCu
stom
Controls
Emplo XML View sap.ui.layout.form.SimpleForm Mock
yee ServerRouting
Directo and Navigation
ry
Hello JS View
World
Bulleti XML sap.ui.layout.form.SimpleForm SortingFormatti
n ViewBusy ngMock
Board Indicators ServerCustom
type
Manag XML SortingFormatti
e ViewBusy ngMock Server
Produc Indicators
ts
Workli XML FilteringFormat
st ViewBusy tingMock
Templ Indicators ServerSorting
ate
Master XML sap.f.FlexibleColumnLayout FormattingList
-Detail Fragments selectorMock
Templ XML ServerSorting
ate ViewBusy
Indicators
Device
Adaptatio
nExpressi
on
Binding
Controls
De
m
o
Ap sap.m.sema Other
p sap.m ntic Libraries
Sh Carousel``ColumnListItem``DatePicker``Formatte
op dText``LightBox``List``MessagePage``MessagePop
pi over``NavContainer``NotificationListItem``Obje
ng ctListItem``PullToRefresh``RangeSlider``Search
Field``SegmentedButton``StandardListItem``Tool
Ca
bar``Wizard
rt
Br IconTabBar``List``ObjectHeader``PullToRefresh` DetailPage
o `SearchField``SegmentedButton``SplitApp``Table ``GroupSel
ws ect``Maste
e rPage``Sen
dEmailActi
Or
on
de
rs
Sh App``ColumnListItem``List``MessagePopover``Res sap.tnt.Navi
op ponsivePopover``SearchField``StandardListItem` gationListIt
Ad `Table``Toolbar em``sap.tnt.
mi ToolHeader``
sap.tnt.Tool
nis
PageD3 charts
tr
ati (https://d3js.o
on rg)
To
ol
E App``IconTabBar``List``Toolbar
m
pl
oy
ee
Di
re
ct
or
y
He App
llo
W
orl
d
Bu App``ColumnListItem``IconTabBar``Toolbar Fullscreen
lle Page``Send
tin EmailActio
Bo n
ar
d
M App``Toolbar Fullscreen
an Page``Send
ag EmailActio
e n
Pr
od
uc
ts
W App``ColumnListItem``MessagePage``SearchField` SemanticPa
or `Table``Toolbar ge``SendEm
kli ailAction
st
Te
m
pl
at
e
M ColumnListItem titleHeadi sap.f.Flexib
as OverflowToolbar``List``MessagePage``ObjectHead ng leColumnLayo
ter er``Page``SearchField``Table``Toolbar``ViewSet SemanticPa ut (2 columns)
- tingsDialog ge``Filter
Action``Se
De
ndEmailAct
tai ion
l
Te
m
pl
at
e
