https://sapui5.hana.ondemand.com/

Scan ID:
c16b1d1c-89ba-4c53-b7a3-86cff492022eFinished
Submitted URL:
https://sapui5.hana.ondemand.com/
Report Finished:

The outgoing links identified from the page

LinkText
https://experience.sap.com/fiori-design/Award-Winning SAP Fiori Design in Action
https://www.sap.com/developer/tutorials/hcp-create-trial-account.htmlSAPUI5 on SAP BTP
https://ui5.sap.com/#/topic/91f346786f4d1014b6dd926db0e91070SAPUI5 (On-Premise)
http://openui5.orgOpenUI5 - Free and Open Source
https://community.sap.com/topics/ui5SAP Community
http://stackoverflow.com/search?q=sapui5StackOverflow
https://youtube.com/openui5videosYouTube
https://twitter.com/@openui5Twitter
https://listserv.sap.com/mailman/listinfo/ui5.announceNewsletter
https://www.sap.com/corporate/en/legal/impressum.htmlLegal Disclosure

JavaScript Variables · 26 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
sap-ui-optimizedboolean
sapobject
sap-ui-configobject
sap-ui-debugboolean
URIfunction
$function
jQueryfunction

Console log messages · 2 found

Messages logged to the web console

TypeCategoryLog
infoother
URL
https://sapui5.hana.ondemand.com/resources/sap-ui-core.js
Text
2024-12-23 05:37:27 Device API logging initialized - DEVICE
infoother
URL
https://sapui5.hana.ondemand.com/resources/sap-ui-core.js
Text
2024-12-23 05:37:27 OS detection returned no result - DEVICE

HTML

The raw HTML body of the page

<!DOCTYPE html><html class="sapUiNativeScrollbars sap-desktop sapUiTheme-sap_horizon sapUiMedia-Std-Tablet sapUiMedia-StdExt-Tablet sapUiNotUserSelectable sapUiBLyBack" dir="ltr" lang="en" data-sap-ui-browser="cr119" data-sap-ui-os="NaN" data-sap-ui-animation-mode="full" data-sap-ui-animation="on" style="height: 100%;"><head>

	<title>Demo Kit - SAPUI5 SDK</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<link type="image/x-icon" href="resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="shortcut icon">
	<link type="image/x-icon" href="resources/sap/ui/core/mimes/logo/txtonly_16x16.ico" rel="icon">

	<script id="sap-ui-bootstrap" src="resources/sap-ui-core.js" data-sap-ui-bindingsyntax="complex" data-sap-ui-theme="sap_horizon" data-sap-ui-libs="sap.ui.documentation, sap.ui.layout, sap.m, sap.uxap, sap.f, sap.tnt, sap.ui.codeeditor, sap.ui.unified" data-sap-ui-preload="async" data-sap-ui-xx-waitfortheme="true" data-sap-ui-compatversion="1.16" data-sap-ui-oninit="module:sap/ui/documentation/bootstrap/staticIndex" data-sap-ui-resourceroots="{
				&quot;sap.ui.demo.mock&quot;: &quot;test-resources/sap/ui/documentation/sdk/&quot;,
				&quot;sap.ui.documentation.bootstrap&quot;: &quot;./&quot;
			}">
	</script><script src="resources/sap/ui/core/library-preload.js" data-sap-ui-module="sap/ui/core/library-preload.js"></script><script src="resources/sap/ui/documentation/library-preload.js" data-sap-ui-module="sap/ui/documentation/library-preload.js"></script><script src="resources/sap/ui/layout/library-preload.js" data-sap-ui-module="sap/ui/layout/library-preload.js"></script><script src="resources/sap/m/library-preload.js" data-sap-ui-module="sap/m/library-preload.js"></script><script src="resources/sap/uxap/library-preload.js" data-sap-ui-module="sap/uxap/library-preload.js"></script><script src="resources/sap/f/library-preload.js" data-sap-ui-module="sap/f/library-preload.js"></script><script src="resources/sap/tnt/library-preload.js" data-sap-ui-module="sap/tnt/library-preload.js"></script><script src="resources/sap/ui/codeeditor/library-preload.js" data-sap-ui-module="sap/ui/codeeditor/library-preload.js"></script><script src="resources/sap/ui/unified/library-preload.js" data-sap-ui-module="sap/ui/unified/library-preload.js"></script>

	<!-- TODO: see if we can omit this import -->
	<script src="resources/sap/ui/codeeditor/js/ace/ace.js"></script>

	<script>
		if ('serviceWorker' in navigator) {
			navigator.serviceWorker.register('./service-worker.js');
			// , {
			// 	scope: "test-resources"
			// });
		}
	</script>

<link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/library.css" id="sap-ui-theme-sap.ui.core" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/m/themes/sap_horizon/library.css" id="sap-ui-theme-sap.m" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/ui/documentation/themes/sap_horizon/library.css" id="sap-ui-theme-sap.ui.documentation" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/ui/layout/themes/sap_horizon/library.css" id="sap-ui-theme-sap.ui.layout" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/f/themes/sap_horizon/library.css" id="sap-ui-theme-sap.f" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/uxap/themes/sap_horizon/library.css" id="sap-ui-theme-sap.uxap" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/tnt/themes/sap_horizon/library.css" id="sap-ui-theme-sap.tnt" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/ui/codeeditor/themes/sap_horizon/library.css" id="sap-ui-theme-sap.ui.codeeditor" data-sap-ui-ready="true"><link rel="stylesheet" href="https://sapui5.hana.ondemand.com/resources/sap/ui/unified/themes/sap_horizon/library.css" id="sap-ui-theme-sap.ui.unified" data-sap-ui-ready="true"><link rel="stylesheet" href="resources/sap/ui/documentation/sdk/css/style.css" data-sap-ui-manifest-uid="id-1734932248617-7" data-sap-ui-ready="true"><meta name="format-detection" content="telephone=no"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="resources/sap/ui/documentation/sdk/cookieSettingsDialog/css/style.css" data-sap-ui-manifest-uid="id-1734932248875-24" data-sap-ui-ready="true"></head>
<body class="sapUiBody sapUiSizeCompact" id="content" data-sap-ui-area="content" style="height: 100%;"><div id="sap-ui-static" data-sap-ui-area="sap-ui-static" style="height: 0px; width: 0px; overflow: hidden; float: left;"><span id="sap-ui-static-firstfe" tabindex="-1" style="font-size: 0px;"></span><span id="sdk---app--surveyButton-badge" data-sap-ui="sdk---app--surveyButton-badge" class="sapUiInvisibleText" aria-hidden="true"></span><span id="__button2-badge" data-sap-ui="__button2-badge" class="sapUiInvisibleText" aria-hidden="true">7 items</span><span id="__text1" data-sap-ui="__text1" class="sapUiInvisibleText" aria-hidden="true">Available Values</span><span id="__text36" data-sap-ui="__text36" class="sapUiInvisibleText" aria-hidden="true"></span><span id="__page1-intHeader-InvisibleText" data-sap-ui="__page1-intHeader-InvisibleText" class="sapUiInvisibleText" aria-hidden="true">Header actions</span><span id="__invisiblemessage-polite" data-sap-ui="__invisiblemessage-polite" class="sapUiInvisibleMessagePolite" role="status" aria-live="polite"></span><span id="__invisiblemessage-assertive" data-sap-ui="__invisiblemessage-assertive" class="sapUiInvisibleMessageAssertive" role="status" aria-live="assertive"></span><span id="__text37" data-sap-ui="__text37" class="sapUiInvisibleText" aria-hidden="true">Emphasized</span><span id="__headerActionsToolbar-invisibleText" data-sap-ui="__headerActionsToolbar-invisibleText" class="sapUiInvisibleText" aria-hidden="true">Header actions</span><span id="__footerActionsToolbar-invisibleText" data-sap-ui="__footerActionsToolbar-invisibleText" class="sapUiInvisibleText" aria-hidden="true">Footer actions</span><div id="__dialog0" data-sap-ui="__dialog0" data-sap-ui-render="" aria-labelledby="__dialog0-title" role="dialog" aria-modal="true" tabindex="-1" class="sapMDialog sapMDialog-CTX sapMPopup-CTX sapUiShd sapUiUserSelectable sapMDialogOpen" style="width: 45rem; position: absolute; visibility: visible; z-index: 10; max-width: 720px; max-height: 484px; top: 228px; left: 40px; padding-top: 40px; display: block;" data-sap-ui-popup="id-1734932249164-30"><span id="__dialog0-firstfe" role="none" tabindex="0" class="sapMDialogFirstFE"></span><header><div class="sapMDialogTitleGroup"><div id="__dialog0-header" data-sap-ui="__dialog0-header" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" aria-labelledby="__headerActionsToolbar-invisibleText" class="sapMIBar sapMIBar-CTX sapMBar sapMContent-CTX sapMBar-CTX sapMHeader-CTX sapMBarTitleAlignAuto"><div id="__dialog0-header-BarLeft" class="sapMBarLeft sapMBarContainer sapMBarEmpty"></div><div id="__dialog0-header-BarMiddle" class="sapMBarMiddle"><div id="__dialog0-header-BarPH" class="sapMBarPH sapMBarContainer" style="width: 100%;"><h1 id="__dialog0-title" data-sap-ui="__dialog0-title" data-sap-ui-render="" class="sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMDialogTitle sapMBarChild"><span id="__dialog0-title-inner" dir="auto">Your Cookie Settings</span></h1></div></div><div id="__dialog0-header-BarRight" class="sapMBarRight sapMBarContainer sapMBarEmpty"></div></div><span id="__dialog0-ariaDescribedbyText" data-sap-ui="__dialog0-ariaDescribedbyText" data-sap-ui-render="" aria-hidden="true" class="sapUiInvisibleText"></span></div></header><section id="__dialog0-cont" class="sapMDialogSection sapUiScrollDelegate" style="overflow: auto;"><div id="__dialog0-scroll" class="sapMDialogScroll"><div id="__dialog0-scrollCont" class="sapMDialogScrollCont"><div id="__container6" data-sap-ui="__container6" data-sap-ui-render="" class="sapUiSmallMargin"><span id="__text38" data-sap-ui="__text38" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">We use cookies to improve your experience on our site. By continuing to use this site, you consent to use our cookies.</span><span id="sap-ui-invisible-__list1" data-sap-ui="sap-ui-invisible-__list1" aria-hidden="true" class="sapUiHiddenPlaceholder"></span></div></div></div></section><footer class="sapMDialogFooter"><div id="__dialog0-footer" data-sap-ui="__dialog0-footer" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" aria-labelledby="__footerActionsToolbar-invisibleText" role="toolbar" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Auto-CTX sapMOTB sapMTBNoBorders sapMIBar-CTX sapMFooter-CTX sapContrast sapContrastPlus"><div id="__spacer0" data-sap-ui="__spacer0" data-sap-ui-render="" class="sapMTBSpacer sapMTBSpacerFlex sapMBarChild sapMBarChildFirstChild"></div><button id="__button5" data-sap-ui="__button5" data-sap-ui-render="" data-ui5-accesskey="a" aria-describedby="__text37" class="sapMBtnBase sapMBtn sapMBtnInverted sapMBarChild"><span id="__button5-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnText sapMBtnEmphasized"><span id="__button5-content" class="sapMBtnContent"><bdi id="__button5-BDI-content">Accept All</bdi></span></span></button><span id="sap-ui-invisible-btnSetPreferences" data-sap-ui="sap-ui-invisible-btnSetPreferences" aria-hidden="true" class="sapUiHiddenPlaceholder"></span><button id="__button6" data-sap-ui="__button6" data-sap-ui-render="" data-ui5-accesskey="r" class="sapMBtnBase sapMBtn sapMBarChild"><span id="__button6-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnText sapMBtnDefault"><span id="__button6-content" class="sapMBtnContent"><bdi id="__button6-BDI-content">Reject All</bdi></span></span></button><span id="sap-ui-invisible-btnSavePreferences" data-sap-ui="sap-ui-invisible-btnSavePreferences" aria-hidden="true" class="sapUiHiddenPlaceholder"></span><span id="sap-ui-invisible-__button7" data-sap-ui="sap-ui-invisible-__button7" aria-hidden="true" class="sapUiHiddenPlaceholder"></span><button id="__dialog0-footer-overflowButtonClone" data-sap-ui="__dialog0-footer-overflowButtonClone" data-sap-ui-render="" data-ui5-accesskey="" aria-haspopup="menu" aria-pressed="false" class="sapMBtnBase sapMBtn sapMTBHiddenElement sapMBarChild"><span id="__dialog0-footer-overflowButtonClone-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnTransparent"><span id="__dialog0-footer-overflowButtonClone-img" data-sap-ui="__dialog0-footer-overflowButtonClone-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span></button></div></footer><span id="__dialog0-lastfe" role="none" tabindex="0" class="sapMDialogLastFE"></span></div><div id="sap-ui-blocklayer-popup" tabindex="0" class="sapUiBLy" style="z-index: 8; visibility: visible;"></div></div>


<div aria-hidden="true" id="sap-ui-preserve" class="sapUiHidden sapUiForcedHidden" style="width: 0px; height: 0px; overflow: hidden;"></div><div id="__page0" data-sap-ui="__page0" data-sap-ui-render="" class="sapMPage sapMPageBgStandard sapMPageBusyCoversAll" style="height: 100%;"><section id="__page0-cont" class="sapMPageEnableScrolling sapUiScrollDelegate" style="overflow: hidden auto; height: 100%;"><div id="__container0" data-sap-ui="__container0" data-sap-ui-render="" class="sapUiComponentContainer" style="height: 100%;"><div id="__container0-uiarea" style="height: 100%;"><div id="sdk---app" data-sap-ui="sdk---app" data-sap-ui-render="" data-sap-ui-preserve="sdk---app" class="sapUiView sapUiXMLView sapUiViewDisplayBlock" style="width: 100%; height: 100%;"><div id="sdk---app--demoKitPage" data-sap-ui="sdk---app--demoKitPage" data-sap-ui-render="" class="sapTntToolPage sapUiDemokit" style="height: 100%;"><div class="sapTntToolPageHeaderWrapper sapTntToolPageHeaderWithSubHeaderWrapper"><header><div id="sdk---app--demoKitPage-header" class="sapTntToolPageHeader"><div id="sdk---app--demoKitHeader" data-sap-ui="sdk---app--demoKitHeader" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Auto-CTX sapMOTB sapTntToolHeader sapContrast sapContrastPlus sapUiDemokitMainHeader"><div id="__cssgrid0" data-sap-ui="__cssgrid0" data-sap-ui-render="" class="sapUiLayoutCSSGrid sapUiDemokitMainHeaderGrid sapMBarChild sapMBarChildFirstChild sapUiLayoutCSSGridM" style="width: 100%; display: grid; grid-template-columns: 1fr auto auto; grid-auto-flow: row;"><div id="__hbox0" data-sap-ui="__hbox0" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsBaseline sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data43" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem sapUiHiddenPlaceholder" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="sap-ui-invisible-__button0" data-sap-ui="sap-ui-invisible-__button0" aria-hidden="true" class="sapUiHiddenPlaceholder"></span></div><div id="__data44" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><img id="sdk---app--sap_logo" data-sap-ui="sdk---app--sap_logo" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/sap-ui5-logo.svg" alt="UI5 Logo" aria-label="UI5 Logo" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable sapUiDemokitMainHeaderLogo" style="height: 2rem;"></div><div id="__data45" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><div id="__title0" data-sap-ui="__title0" data-sap-ui-render="" title="UI5 Demo Kit" role="heading" aria-level="2" class="sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapUiSmallMarginBeginEnd"><span id="__title0-inner" dir="auto">UI5 Demo Kit</span></div></div></div><div id="__hbox1" data-sap-ui="__hbox1" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyCenter sapMFlexBoxAlignItemsCenter sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data46" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><div id="sdk---app--searchControl" data-sap-ui="sdk---app--searchControl" data-sap-ui-render="" class="sapUiDocumentationSearch"><button id="sdk---app--searchControl-openingBtn" data-sap-ui="sdk---app--searchControl-openingBtn" data-sap-ui-render="" data-ui5-accesskey="" aria-label="Search" title="Search" class="sapMBtnBase sapMBtn sapUiDemokitSearchOpeningButton sapMBarChild"><span id="sdk---app--searchControl-openingBtn-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnDefault"><span id="sdk---app--searchControl-openingBtn-img" data-sap-ui="sdk---app--searchControl-openingBtn-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span><span id="sdk---app--searchControl-openingBtn-tooltip" class="sapUiInvisibleText">Search</span></button></div></div></div><div id="__toolbar0" data-sap-ui="__toolbar0" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBClear sapMTB-Auto-CTX sapMOTB sapUiDemoKitHeaderOTB" role="toolbar"><span id="sap-ui-invisible-__status0" data-sap-ui="sap-ui-invisible-__status0" aria-hidden="true" class="sapUiHiddenPlaceholder"></span><button id="sdk---app--versionSwitchButton" data-sap-ui="sdk---app--versionSwitchButton" data-sap-ui-render="" data-ui5-accesskey="" aria-label="dimension" title="dimension" class="sapMBtnBase sapMBtn sapUiDemoKitHeaderActionsVersionSwitch sapMBarChild sapMBarChildFirstChild"><span id="sdk---app--versionSwitchButton-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnDefault"><span id="sdk---app--versionSwitchButton-img" data-sap-ui="sdk---app--versionSwitchButton-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span><span id="sdk---app--versionSwitchButton-tooltip" class="sapUiInvisibleText">dimension</span></button><button id="sdk---app--surveyButton" data-sap-ui="sdk---app--surveyButton" data-sap-ui-render="" data-ui5-accesskey="f" aria-label="Feedback" title="Feedback" class="sapMBtnBase sapMBtn sapUiDemoKitHeaderActionsSurveyButton sapMBarChild"><span id="sdk---app--surveyButton-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnDefault"><span id="sdk---app--surveyButton-img" data-sap-ui="sdk---app--surveyButton-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span><span id="sdk---app--surveyButton-tooltip" class="sapUiInvisibleText">Feedback</span></button><div id="__button1" data-sap-ui="__button1" data-sap-ui-render="" class="sapMMenuBtn sapMMenuBtnRegular sapUiDemoKitHeaderActionsMenuButton sapMBarChild"><button id="__button1-internalBtn" data-sap-ui="__button1-internalBtn" data-sap-ui-render="" data-ui5-accesskey="" aria-label="Legal Information" aria-haspopup="menu" title="Legal Information" class="sapMBtnBase sapMBtn" style="width: 100%; min-width: 2.25rem;" aria-expanded="false"><span id="__button1-internalBtn-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnDefault"><span id="__button1-internalBtn-img" data-sap-ui="__button1-internalBtn-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span><span id="__button1-internalBtn-tooltip" class="sapUiInvisibleText">Legal Information</span></button></div><div id="sdk---app--aboutMenuButton" data-sap-ui="sdk---app--aboutMenuButton" data-sap-ui-render="" class="sapMMenuBtn sapMMenuBtnRegular sapUiDemoKitHeaderActionsMenuButton sapMBarChild"><button id="sdk---app--aboutMenuButton-internalBtn" data-sap-ui="sdk---app--aboutMenuButton-internalBtn" data-sap-ui-render="" data-ui5-accesskey="" aria-label="Settings" aria-haspopup="menu" title="Settings" class="sapMBtnBase sapMBtn" style="width: 100%; min-width: 2.25rem;" aria-expanded="false"><span id="sdk---app--aboutMenuButton-internalBtn-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnDefault"><span id="sdk---app--aboutMenuButton-internalBtn-img" data-sap-ui="sdk---app--aboutMenuButton-internalBtn-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span><span id="sdk---app--aboutMenuButton-internalBtn-tooltip" class="sapUiInvisibleText">Settings</span></button></div><button id="__button2" data-sap-ui="__button2" data-sap-ui-render="" data-ui5-accesskey="n" aria-label="News" title="News" class="sapMBtnBase sapMBtn sapUiDemoKitHeaderActionsNewsButton sapMBarChild"><span id="__button2-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnDefault sapMBadge sapMBadgeTopRight sapMBadgeAnimationTypeFull"><span id="__button2-img" data-sap-ui="__button2-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span><div class="sapMBadgeIndicator sapMBadgeDefault sapMBadgeAnimationAdd sapMBadgeAnimationUpdate" id="__button2-sapMBadge" data-badge="7"></div></span><span id="__button2-tooltip" class="sapUiInvisibleText">News</span></button><button id="__toolbar0-overflowButtonClone" data-sap-ui="__toolbar0-overflowButtonClone" data-sap-ui-render="" data-ui5-accesskey="" aria-haspopup="menu" aria-pressed="false" class="sapMBtnBase sapMBtn sapMTBHiddenElement sapMBarChild"><span id="__toolbar0-overflowButtonClone-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnTransparent"><span id="__toolbar0-overflowButtonClone-img" data-sap-ui="__toolbar0-overflowButtonClone-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span></button></div></div><button id="sdk---app--demoKitHeader-overflowButtonClone" data-sap-ui="sdk---app--demoKitHeader-overflowButtonClone" data-sap-ui-render="" data-ui5-accesskey="" aria-haspopup="menu" aria-pressed="false" class="sapMBtnBase sapMBtn sapMTBHiddenElement sapMBarChild"><span id="sdk---app--demoKitHeader-overflowButtonClone-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnTransparent"><span id="sdk---app--demoKitHeader-overflowButtonClone-img" data-sap-ui="sdk---app--demoKitHeader-overflowButtonClone-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span></button></div></div><div id="sdk---app--demoKitPage-subHeader" class="sapTntToolPageHeader"><div id="__header0" data-sap-ui="__header0" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Auto-CTX sapMOTB sapTntToolHeader sapContrast sapContrastPlus sapUiDemokitSubHeader"><div id="sdk---app--demoKitSubHeader" data-sap-ui="sdk---app--demoKitSubHeader" data-sap-ui-render="" role="navigation" class="sapMITH sapContrastPlus sapMITHBackgroundDesignSolid sapMITBInLine sapMITBTextOnly sapMBarChild sapMBarChildFirstChild" tabindex="0"><div id="sdk---app--demoKitSubHeader-head" role="tablist" aria-orientation="horizontal" class="sapMITBHead"><div id="sdk---app--welcomeTab" data-sap-ui="sdk---app--welcomeTab" role="tab" aria-labelledby="sdk---app--welcomeTab-text sdk---app--welcomeTab-icon" aria-posinset="1" aria-setsize="6" tabindex="-1" aria-selected="true" class="sapMITBItem sapMITBItemNoCount sapMITBVertical sapMITBFilter sapMITBFilterDefault sapMITBSelected"><div class="sapMITBFilterWrapper"><div id="sdk---app--welcomeTab-text" class="sapMITBText sapMITBBadgeHolder"><span data-sap-ui-icon-content="" role="presentation" id="sdk---app--welcomeTab-icon" aria-hidden="true" class="sapMITBSelectItemIcon sapUiIconMirrorInRTL sapMITBInlineIcon sapUiIcon sapUiIconMirrorInRTL" style="font-family: SAP-icons;"></span><span dir="auto" class="sapMITHTextContent">Home</span></div><div class="sapMITBContentArrow"></div></div><div id="__badge0" data-sap-ui="__badge0" data-sap-ui-render="" class="sapMITFExpandButtonBadge"></div></div><div id="sdk---app--topicMasterTab" data-sap-ui="sdk---app--topicMasterTab" role="tab" aria-labelledby="sdk---app--topicMasterTab-text sdk---app--topicMasterTab-icon" aria-posinset="2" aria-setsize="6" tabindex="-1" aria-selected="false" class="sapMITBItem sapMITBItemNoCount sapMITBVertical sapMITBFilter sapMITBFilterDefault"><div class="sapMITBFilterWrapper"><div id="sdk---app--topicMasterTab-text" class="sapMITBText sapMITBBadgeHolder"><span data-sap-ui-icon-content="" role="presentation" id="sdk---app--topicMasterTab-icon" aria-hidden="true" class="sapMITBSelectItemIcon sapUiIconMirrorInRTL sapMITBInlineIcon sapUiIcon sapUiIconMirrorInRTL" style="font-family: SAP-icons;"></span><span dir="auto" class="sapMITHTextContent">Documentation</span></div><div class="sapMITBContentArrow"></div></div><div id="__badge1" data-sap-ui="__badge1" data-sap-ui-render="" class="sapMITFExpandButtonBadge"></div></div><div id="sdk---app--apiMasterTab" data-sap-ui="sdk---app--apiMasterTab" role="tab" aria-labelledby="sdk---app--apiMasterTab-text sdk---app--apiMasterTab-icon" aria-posinset="3" aria-setsize="6" tabindex="-1" aria-selected="false" class="sapMITBItem sapMITBItemNoCount sapMITBVertical sapMITBFilter sapMITBFilterDefault"><div class="sapMITBFilterWrapper"><div id="sdk---app--apiMasterTab-text" class="sapMITBText sapMITBBadgeHolder"><span data-sap-ui-icon-content="" role="presentation" id="sdk---app--apiMasterTab-icon" aria-hidden="true" class="sapMITBSelectItemIcon sapUiIconMirrorInRTL sapMITBInlineIcon sapUiIcon sapUiIconMirrorInRTL" style="font-family: SAP-icons;"></span><span dir="auto" class="sapMITHTextContent">API Reference</span></div><div class="sapMITBContentArrow"></div></div><div id="__badge2" data-sap-ui="__badge2" data-sap-ui-render="" class="sapMITFExpandButtonBadge"></div></div><div id="sdk---app--controlsMasterTab" data-sap-ui="sdk---app--controlsMasterTab" role="tab" aria-labelledby="sdk---app--controlsMasterTab-text sdk---app--controlsMasterTab-icon" aria-posinset="4" aria-setsize="6" tabindex="-1" aria-selected="false" class="sapMITBItem sapMITBItemNoCount sapMITBVertical sapMITBFilter sapMITBFilterDefault"><div class="sapMITBFilterWrapper"><div id="sdk---app--controlsMasterTab-text" class="sapMITBText sapMITBBadgeHolder"><span data-sap-ui-icon-content="" role="presentation" id="sdk---app--controlsMasterTab-icon" aria-hidden="true" class="sapMITBSelectItemIcon sapUiIconMirrorInRTL sapMITBInlineIcon sapUiIcon sapUiIconMirrorInRTL" style="font-family: SAP-icons;"></span><span dir="auto" class="sapMITHTextContent">Samples</span></div><div class="sapMITBContentArrow"></div></div><div id="__badge3" data-sap-ui="__badge3" data-sap-ui-render="" class="sapMITFExpandButtonBadge"></div></div><div id="sdk---app--demoAppsTab" data-sap-ui="sdk---app--demoAppsTab" role="tab" aria-labelledby="sdk---app--demoAppsTab-text sdk---app--demoAppsTab-icon" aria-posinset="5" aria-setsize="6" tabindex="-1" aria-selected="false" class="sapMITBItem sapMITBItemNoCount sapMITBVertical sapMITBFilter sapMITBFilterDefault"><div class="sapMITBFilterWrapper"><div id="sdk---app--demoAppsTab-text" class="sapMITBText sapMITBBadgeHolder"><span data-sap-ui-icon-content="" role="presentation" id="sdk---app--demoAppsTab-icon" aria-hidden="true" class="sapMITBSelectItemIcon sapUiIconMirrorInRTL sapMITBInlineIcon sapUiIcon sapUiIconMirrorInRTL" style="font-family: SAP-icons;"></span><span dir="auto" class="sapMITHTextContent">Demo Apps</span></div><div class="sapMITBContentArrow"></div></div><div id="__badge4" data-sap-ui="__badge4" data-sap-ui-render="" class="sapMITFExpandButtonBadge"></div></div><div id="sdk---app--resourcesTab" data-sap-ui="sdk---app--resourcesTab" role="tab" aria-labelledby="sdk---app--resourcesTab-text sdk---app--resourcesTab-icon" aria-posinset="6" aria-setsize="6" tabindex="-1" aria-selected="false" class="sapMITBItem sapMITBItemNoCount sapMITBVertical sapMITBFilter sapMITBFilterDefault"><div class="sapMITBFilterWrapper"><div id="sdk---app--resourcesTab-text" class="sapMITBText sapMITBBadgeHolder"><span data-sap-ui-icon-content="" role="presentation" id="sdk---app--resourcesTab-icon" aria-hidden="true" class="sapMITBSelectItemIcon sapUiIconMirrorInRTL sapMITBInlineIcon sapUiIcon sapUiIconMirrorInRTL" style="font-family: SAP-icons;"></span><span dir="auto" class="sapMITHTextContent">Resources</span></div><div class="sapMITBContentArrow"></div></div><div id="__badge5" data-sap-ui="__badge5" data-sap-ui-render="" class="sapMITFExpandButtonBadge"></div></div></div><div class="sapMITHEndOverflow"><div id="sdk---app--demoKitSubHeader-overflow" data-sap-ui="sdk---app--demoKitSubHeader-overflow" role="button" aria-labelledby="sdk---app--demoKitSubHeader-overflow-text" tabindex="-1" aria-haspopup="menu" class="sapMITBItem sapMITBItemNoCount sapMITBVertical sapMITBFilter sapMITBFilterDefault"><div class="sapMITBFilterWrapper"><div id="sdk---app--demoKitSubHeader-overflow-text" class="sapMITBText sapMITBBadgeHolder"><span dir="auto" class="sapMITHTextContent">More</span><span id="sdk---app--demoKitSubHeader-overflow-expandButton" class="sapMITHShowSubItemsIcon"><span data-sap-ui-icon-content="" role="presentation" aria-hidden="true" id="id-1734932248977-27" aria-label="slim-arrow-down" class="sapUiIcon sapUiIconMirrorInRTL" style="font-family: SAP-icons;"></span></span></div><div class="sapMITBContentArrow"></div></div><div id="__badge6" data-sap-ui="__badge6" data-sap-ui-render="" class="sapMITFExpandButtonBadge"></div></div></div></div><button id="__header0-overflowButtonClone" data-sap-ui="__header0-overflowButtonClone" data-sap-ui-render="" data-ui5-accesskey="" aria-haspopup="menu" aria-pressed="false" class="sapMBtnBase sapMBtn sapMTBHiddenElement sapMBarChild"><span id="__header0-overflowButtonClone-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnIconFirst sapMBtnTransparent"><span id="__header0-overflowButtonClone-img" data-sap-ui="__header0-overflowButtonClone-img" data-sap-ui-render="" role="presentation" aria-hidden="true" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapMBtnCustomIcon sapMBtnIcon sapMBtnIconLeft" style="font-family: SAP-icons;"></span></span></button></div></div></header></div><div class="sapTntToolPageContentWrapper" style="height: 100%;"><div id="sdk---app--demoKitPage-main" class="sapTntToolPageMain sapTntToolPageMainBackground-Standard" style="height: 100%;"><div class="sapTntToolPageMainContent" style="height: 100%;"><div class="sapTntToolPageMainContentWrapper" style="height: 100%;"><span id="sap-ui-invisible-__toolbar2" data-sap-ui="sap-ui-invisible-__toolbar2" aria-hidden="true" class="sapUiHiddenPlaceholder"></span><div id="sdk---app--demoKitScrollContainer" data-sap-ui="sdk---app--demoKitScrollContainer" data-sap-ui-render="" class="sapMScrollContH sapMScrollCont sapUiScrollDelegate" style="width: 100%; height: 100%; overflow: hidden;"><div id="sdk---app--demoKitScrollContainer-scroll" class="sapMScrollContScroll" style="height: 100%;"><div id="sdk---app--splitApp" data-sap-ui="sdk---app--splitApp" data-sap-ui-render="" class="sapMSplitContainer sapUiGlobalBackgroundColor sapMSplitContainerHideMode sapMSplitApp sapUiDocumentationSplitApp"><div id="sdk---app--splitApp-BG" class="sapMSplitContainerBG sapUiGlobalBackgroundImage"></div><div id="sdk---app--splitApp-Master" data-sap-ui="sdk---app--splitApp-Master" data-sap-ui-render="" class="sapMNav sapMSplitContainerMasterHidden sapMSplitContainerMaster"></div><div id="sdk---app--splitApp-Detail" data-sap-ui="sdk---app--splitApp-Detail" data-sap-ui-render="" class="sapMNav sapMSplitContainerDetail"><div id="sdk---welcome" data-sap-ui="sdk---welcome" data-sap-ui-render="" data-sap-ui-preserve="sdk---welcome" class="sapUiView sapUiXMLView sapMNavItem" style="width: 100%;"><div id="__page1" data-sap-ui="__page1" data-sap-ui-render="" role="region" class="sapMPage sapMPageBgStandard sapMPageBusyCoversAll sapUiHomePage"><section id="__page1-cont" role="main" aria-label="Get Started with UI5" class="sapMPageEnableScrolling sapUiScrollDelegate" style="overflow: hidden auto;"><div id="__panel0" data-sap-ui="__panel0" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" role="region" class="sapMPanel sapUiNoContentPadding" style="width: 100%; height: auto;"><div role="heading" aria-level="2" class="sapMPanelHeadingDiv"></div><div id="__panel0-content" class="sapMPanelContent sapMPanelBGTransparent" style="height: auto;"><div id="__layout2" data-sap-ui="__layout2" data-sap-ui-render="" class="sapUiBlockLayout sapUiBlockLayoutBackgroundDefault sapUiBlockLayoutSizeM"><div id="__row0" data-sap-ui="__row0" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet1"><div style="display: flex;"><div id="__cell0" data-sap-ui="__cell0" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiNoContentPadding sapUiDemokitLandingImageCell welcomeImageCell sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><span id="sap-ui-invisible-sdk---welcome--phoneImage" data-sap-ui="sap-ui-invisible-sdk---welcome--phoneImage" aria-hidden="true" class="sapUiHiddenPlaceholder"></span><img id="__image0" data-sap-ui="__image0" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/Home_M_and_L_cropped_1.jpg" role="presentation" aria-hidden="true" alt="" class="sapMImg welcomeImage" style="width: 100%;"><div id="sdk---welcome--landingImageHeadline" data-sap-ui="sdk---welcome--landingImageHeadline" data-sap-ui-render="" class="sapUiVlt sapuiVlt welcomeImageTextLayout" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><span id="__text0" data-sap-ui="__text0" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable welcomeImageTextHeadline" style="width: 100%; text-align: center;">Discover New Enterprise Grade Horizons</span></div><div class="sapUiVltCell sapuiVltCell"><div id="__layout1" data-sap-ui="__layout1" data-sap-ui-render="" class="sapUiHLayout sapUiHLayoutNoWrap"><div class="sapUiHLayoutChildWrapper"><button id="__button3" data-sap-ui="__button3" data-sap-ui-render="" data-ui5-accesskey="g" aria-describedby="__text37" class="sapMBtnBase sapMBtn sapMBtnInverted actionButton"><span id="__button3-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnText sapMBtnEmphasized"><span id="__button3-content" class="sapMBtnContent"><bdi id="__button3-BDI-content">Get Started with UI5</bdi></span></span></button></div><div class="sapUiHLayoutChildWrapper"><button id="sdk---welcome--readMoreButton" data-sap-ui="sdk---welcome--readMoreButton" data-sap-ui-render="" data-ui5-accesskey="d" class="sapMBtnBase sapMBtn actionButton sapContrast sapContrastPlus sapUiSmallMarginBegin"><span id="sdk---welcome--readMoreButton-inner" class="sapMBtnInner sapMBtnHoverable sapMFocusable sapMBtnText sapMBtnDefault"><span id="sdk---welcome--readMoreButton-content" class="sapMBtnContent"><bdi id="sdk---welcome--readMoreButton-BDI-content">Download</bdi></span></span></button></div></div></div></div></div></div></div></div></div></div></div><div id="__panel1" data-sap-ui="__panel1" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" role="region" aria-labelledby="__title1" class="sapMPanel sapUiNoContentPadding" style="width: 100%; height: auto;"><div class="sapMPanelHeadingDiv"><div id="__toolbar1" data-sap-ui="__toolbar1" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Transparent-CTX headlineCell sapMPanelHeaderTB"><h1 id="__title1" data-sap-ui="__title1" data-sap-ui-render="" class="sapMTitle sapMTitleStyleH1 sapMTitleNoWrap sapUiSelectable sapUiMediumMarginTopBottom sapMBarChild sapMBarChildFirstChild sapMTBShrinkItem" style="width: 100%;"><span id="__title1-inner" dir="auto">Key Features</span></h1></div></div><div id="__panel1-content" class="sapMPanelContent sapMPanelBGTransparent" style="height: auto;"><div id="__layout8" data-sap-ui="__layout8" data-sap-ui-render="" class="sapUiBlockLayout sapUiBlockLayoutBackgroundDefault sapUiBlockLayoutSizeM"><div id="__row1" data-sap-ui="__row1" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet1"><div style="display: flex;"><div id="__cell1" data-sap-ui="__cell1" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__grid0" data-sap-ui="__grid0" data-sap-ui-render="" class="sapUiRespGrid sapUiRespGridMedia-Std-Tablet sapUiRespGridHSpace0 sapUiRespGridVSpace0"><div id="__grid0-wrapperfor-__layout3" class="sapUiRespGridSpanXL6 sapUiRespGridSpanL6 sapUiRespGridSpanM12 sapUiRespGridSpanS12"><div id="__layout3" data-sap-ui="__layout3" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__link0" data-sap-ui="__link0" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth sapUiSmallMarginBottom"><a tabindex="0" href="topic/50eadaac8d2e49ee8996dc2b560cb76b" class="sapMLnk"><span id="__link0-inner">Responsive Across Browsers and Devices</span></a></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text2" data-sap-ui="__text2" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">No need to worry about device specifics! UI5 apps run on smartphones, tablets, and desktops. The UI controls automatically adapt themselves to the capabilities of each device and make the most of the available real estate.</span></div></div></div><div id="__grid0-wrapperfor-__image1" class="sapUiRespGridSpanL6 sapUiRespGridSpanM12 sapUiRespGridSpanS12 sapUiRespGridSpanXL6"><img id="__image1" data-sap-ui="__image1" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/Fiori_guidelines_image.png" role="presentation" aria-hidden="true" alt="" aria-label="Picture showing phone, desktop screen and tablet" class="sapMImg" style="width: 100%;"></div></div></div></div><div id="__cell2" data-sap-ui="__cell2" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10B sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout4" data-sap-ui="__layout4" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__link1" data-sap-ui="__link1" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth sapUiSmallMarginBottom"><a tabindex="0" href="topic/23cfd955f58142389fa7c9097e11559c" class="sapMLnk"><span id="__link1-inner">Powerful Development Concepts</span></a></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text3" data-sap-ui="__text3" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">UI5 was created by professionals for modern developers to build state of the art web applications. It comes with all features needed to cover most current application requirements. The UI5 core offers a solid foundation that simplifies your work by managing many aspects of modern development behind the scenes:</span></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox2" data-sap-ui="__hbox2" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data55" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon0" data-sap-ui="__icon0" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data56" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text4" data-sap-ui="__text4" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Includes standards like MVC and various data-binding types</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox3" data-sap-ui="__hbox3" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data57" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon1" data-sap-ui="__icon1" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data58" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text5" data-sap-ui="__text5" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Choice of different view formats (XML, HTML, JavaScript, JSON)</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox4" data-sap-ui="__hbox4" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data59" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon2" data-sap-ui="__icon2" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data60" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text6" data-sap-ui="__text6" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Binding with OData, JSON, XML and other data formats</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox5" data-sap-ui="__hbox5" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data61" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon3" data-sap-ui="__icon3" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data62" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text7" data-sap-ui="__text7" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Built-in support tool for exploring the object tree and binding status</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox6" data-sap-ui="__hbox6" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data63" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon4" data-sap-ui="__icon4" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data64" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text8" data-sap-ui="__text8" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Translation and internationalization support</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox7" data-sap-ui="__hbox7" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data65" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon5" data-sap-ui="__icon5" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data66" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text9" data-sap-ui="__text9" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Extensibility concepts at code and application level</span></div></div></div></div></div></div></div></div><span id="sap-ui-invisible-__row2" data-sap-ui="sap-ui-invisible-__row2" aria-hidden="true" class="sapUiHiddenPlaceholder"></span><div id="__row3" data-sap-ui="__row3" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet3"><div style="display: flex;"><div id="__cell5" data-sap-ui="__cell5" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10B sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout6" data-sap-ui="__layout6" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__link3" data-sap-ui="__link3" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth sapUiSmallMarginBottom"><a tabindex="0" href="topic/bf2d55eaa33b44a78ef95e7946d658e8" class="sapMLnk"><span id="__link3-inner">Enterprise-Ready Web Toolkit</span></a></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text11" data-sap-ui="__text11" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">Why is UI5 used by all major SAP products as well as by many customers and partners? And why is it also successful in the open-source community beyond SAP? Here are some of the most important value addeds that UI5 delivers:</span></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox9" data-sap-ui="__hbox9" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data67" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon6" data-sap-ui="__icon6" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data68" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text12" data-sap-ui="__text12" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Translation and internationalization support</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox10" data-sap-ui="__hbox10" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data69" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon7" data-sap-ui="__icon7" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data70" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text13" data-sap-ui="__text13" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Extensibility concepts at code and application level</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox11" data-sap-ui="__hbox11" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data71" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon8" data-sap-ui="__icon8" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data72" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text14" data-sap-ui="__text14" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">High Contrast theme to aid visually impaired users</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox12" data-sap-ui="__hbox12" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data73" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon9" data-sap-ui="__icon9" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data74" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text15" data-sap-ui="__text15" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Easy to integrate into a consistent SAP ecosystem</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox13" data-sap-ui="__hbox13" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data75" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon10" data-sap-ui="__icon10" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data76" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text16" data-sap-ui="__text16" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Flexible tools for any type of developer</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox14" data-sap-ui="__hbox14" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data77" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon11" data-sap-ui="__icon11" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data78" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text17" data-sap-ui="__text17" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Benefit from new innovations while staying upgrade-compatible</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox15" data-sap-ui="__hbox15" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data79" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon12" data-sap-ui="__icon12" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data80" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text18" data-sap-ui="__text18" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Unlimited usage in SAP and non-SAP technology stacks</span></div></div></div></div></div></div><div id="__cell6" data-sap-ui="__cell6" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__grid1" data-sap-ui="__grid1" data-sap-ui-render="" class="sapUiRespGrid sapUiRespGridMedia-Std-Tablet sapUiRespGridHSpace0 sapUiRespGridVSpace0"><div id="__grid1-wrapperfor-__layout7" class="sapUiRespGridSpanXL6 sapUiRespGridSpanL6 sapUiRespGridSpanM12 sapUiRespGridSpanS12"><div id="__layout7" data-sap-ui="__layout7" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__container2" data-sap-ui="__container2" data-sap-ui-render="" class="sapUIDisclaimerLink sapUiSmallMarginBottom"><div id="__link4" data-sap-ui="__link4" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth"><a tabindex="0" href="https://experience.sap.com/fiori-design/" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link4-inner">Award-Winning SAP Fiori Design in Action</span></a></div><img id="__image4" data-sap-ui="__image4" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-sap.png" alt="Information published on non-SAP site" aria-label="Information published on non-SAP site" title="Information published on non-SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable" style="width: 1.25rem;"></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text19" data-sap-ui="__text19" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">UI5 applications benefit from a consistent design language and predefined UX patterns across all frontend features. Use a predefined theme or try our online theming tool to create a custom theme.</span></div></div></div><div id="__grid1-wrapperfor-__image5" class="sapUiRespGridSpanL6 sapUiRespGridSpanM12 sapUiRespGridSpanS12 sapUiRespGridSpanXL6"><img id="__image5" data-sap-ui="__image5" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/Fiori_design_examples.png" role="presentation" aria-hidden="true" alt="" aria-label="Picture showing SAP Fiori design elements" class="sapMImg" style="width: 100%;"></div></div></div></div></div></div></div></div></div><div id="__panel2" data-sap-ui="__panel2" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" role="region" aria-labelledby="__title3" class="sapMPanel sapUiNoContentPadding" style="width: 100%; height: auto;"><div class="sapMPanelHeadingDiv"><div id="__toolbar3" data-sap-ui="__toolbar3" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Transparent-CTX headlineCell sapMPanelHeaderTB"><h1 id="__title3" data-sap-ui="__title3" data-sap-ui-render="" class="sapMTitle sapMTitleStyleH1 sapMTitleNoWrap sapUiSelectable sapUiMediumMarginTopBottom sapMBarChild sapMBarChildFirstChild sapMTBShrinkItem" style="width: 100%;"><span id="__title3-inner" dir="auto">Start Coding</span></h1></div></div><div id="__panel2-content" class="sapMPanelContent sapMPanelBGTransparent" style="height: auto;"><div id="__layout9" data-sap-ui="__layout9" data-sap-ui-render="" class="sapUiBlockLayout sapUiBlockLayoutBackgroundDefault sapUiBlockLayoutSizeM"><div id="__row4" data-sap-ui="__row4" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet1"><div style="display: flex;"><div id="__cell7" data-sap-ui="__cell7" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 2 1 0%;"><div class="sapUiBlockCellContent"><div id="__hbox16" data-sap-ui="__hbox16" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyCenter sapMFlexBoxAlignItemsCenter sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent" style="height: 100%; width: 100%;"><div id="__data21" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto; max-width: 37.5rem;"><img id="__image6" data-sap-ui="__image6" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/Home_laptop.png" role="presentation" aria-hidden="true" alt="" aria-label="The UI5 evolution is creating innovation, providing build tooling, modular core, open standards, and gaining high performance using asynchronous loading." class="sapMImg sapUiTinyMarginBeginEnd" style="width: 100%;"></div></div></div></div><div id="__cell8" data-sap-ui="__cell8" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A welcomeBlock sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 2 1 0%;"><div class="sapUiBlockCellContent"><div id="__hbox18" data-sap-ui="__hbox18" data-sap-ui-render="" class="sapMFlexBox sapMVBox sapMFlexBoxJustifyCenter sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent" style="height: 100%; width: 100%;"><div id="__data81" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><div id="__link5" data-sap-ui="__link5" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth"><a tabindex="0" href="topic/8b49fc198bf04b2d9800fc37fecbb218" class="sapMLnk"><span id="__link5-inner">Get Ready</span></a></div></div><div id="__data82" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text20" data-sap-ui="__text20" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiMediumMarginTop" style="text-align: left;">All you need to develop Web apps with UI5 is a development environment and a browser. For maximum convenience, you can use SAP Business Application Studio in the cloud. For maximum flexibility, you have the alternative choice of setting up your local development environment.</span></div><div id="__hbox17" data-sap-ui="__hbox17" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent sapMFlexItem" style="width: 100%;"><div id="__data83" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text21" data-sap-ui="__text21" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginTop" style="text-align: left;">Try the first example here:</span></div><div id="__data84" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><a id="__link6" data-sap-ui="__link6" data-sap-ui-render="" href="liveEditor" tabindex="0" class="sapMLnk sapMLnkMaxWidth liveEditorLink sapUiSmallMarginTop"><span class="sapMLnkText">Live Editor</span></a></div></div></div></div></div></div></div></div></div></div><div id="__panel3" data-sap-ui="__panel3" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" role="region" aria-labelledby="__title4" class="sapMPanel sapUiNoContentPadding" style="width: 100%; height: auto;"><div class="sapMPanelHeadingDiv"><div id="__toolbar4" data-sap-ui="__toolbar4" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Transparent-CTX headlineCell sapMPanelHeaderTB"><h1 id="__title4" data-sap-ui="__title4" data-sap-ui-render="" class="sapMTitle sapMTitleStyleH1 sapMTitleNoWrap sapUiSelectable sapUiMediumMarginTopBottom sapMBarChild sapMBarChildFirstChild sapMTBShrinkItem" style="width: 100%;"><span id="__title4-inner" dir="auto">UI5 Evolution</span></h1></div></div><div id="__panel3-content" class="sapMPanelContent sapMPanelBGTransparent" style="height: auto;"><div id="__layout11" data-sap-ui="__layout11" data-sap-ui-render="" class="sapUiBlockLayout sapUiBlockLayoutBackgroundDefault sapUiBlockLayoutSizeM"><div id="__row5" data-sap-ui="__row5" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet1"><div style="display: flex;"><div id="__cell9" data-sap-ui="__cell9" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout10" data-sap-ui="__layout10" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__link7" data-sap-ui="__link7" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth sapUiSmallMarginBottom"><a tabindex="0" href="topic/28fcd55b04654977b63dacbee0552712" class="sapMLnk"><span id="__link7-inner">UI5 Evolution</span></a></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text22" data-sap-ui="__text22" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">UI5 evolution stands for fundamental improvements as part of an ongoing effort to advance SAPUI5, to enable applications to run faster, and code to become more modular. By embracing web standards, asynchronous loading, and emerging technologies, SAPUI5 continues to be a future-proof, enterprise-proven solution.</span></div><div class="sapUiVltCell sapuiVltCell"><span id="__text23" data-sap-ui="__text23" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">We encourage developers to actively support and leverage the new capabilities.</span></div></div></div></div><div id="__cell10" data-sap-ui="__cell10" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__hbox19" data-sap-ui="__hbox19" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyCenter sapMFlexBoxAlignItemsCenter sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent" style="height: 100%; width: 100%;"><div id="__data25" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto; max-width: 37.5rem;"><img id="__image7" data-sap-ui="__image7" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/Evolution_demokit_illustration_single.png" role="presentation" aria-hidden="true" alt="" aria-label="The UI5 evolution is creating innovation, providing build tooling, modular core, open standards, and gaining high performance using asynchronous loading." class="sapMImg sapUiTinyMarginBeginEnd" style="width: 100%;"></div></div></div></div></div></div></div></div></div><div id="__panel4" data-sap-ui="__panel4" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" role="region" aria-labelledby="__title5" class="sapMPanel sapUiNoContentPadding" style="width: 100%; height: auto;"><div class="sapMPanelHeadingDiv"><div id="__toolbar5" data-sap-ui="__toolbar5" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Transparent-CTX headlineCell sapMPanelHeaderTB"><h1 id="__title5" data-sap-ui="__title5" data-sap-ui-render="" class="sapMTitle sapMTitleStyleH1 sapMTitleNoWrap sapUiSelectable sapUiMediumMarginTopBottom sapMBarChild sapMBarChildFirstChild sapMTBShrinkItem" style="width: 100%;"><span id="__title5-inner" dir="auto">Choose Your Scenario</span></h1></div></div><div id="__panel4-content" class="sapMPanelContent sapMPanelBGTransparent" style="height: auto;"><div id="__layout16" data-sap-ui="__layout16" data-sap-ui-render="" class="sapUiBlockLayout sapUiBlockLayoutBackgroundDefault sapUiBlockLayoutSizeM"><div id="__row6" data-sap-ui="__row6" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet1"><div style="display: flex;"><div id="__cell11" data-sap-ui="__cell11" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout12" data-sap-ui="__layout12" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__container3" data-sap-ui="__container3" data-sap-ui-render="" class="sapUIDisclaimerLink sapUiSmallMarginBottom"><div id="__link8" data-sap-ui="__link8" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth"><a tabindex="0" href="https://www.sap.com/developer/tutorials/hcp-create-trial-account.html" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link8-inner">SAPUI5 on SAP BTP</span></a></div><img id="__image8" data-sap-ui="__image8" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-sap.png" alt="Information published on SAP site" aria-label="Information published on SAP site" title="Information published on SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable" style="width: 1.25rem;"></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text24" data-sap-ui="__text24" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">Sign up for the free SAP BTP trial account to test the platform and build cloud-based UI5 apps.</span></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox20" data-sap-ui="__hbox20" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data85" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon13" data-sap-ui="__icon13" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data86" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text25" data-sap-ui="__text25" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Easy-to-use development environment with SAP Business Application Studio</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox21" data-sap-ui="__hbox21" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent sapUiSmallMarginBottom"><div id="__data87" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon14" data-sap-ui="__icon14" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data88" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text26" data-sap-ui="__text26" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Free trial for development use</span></div></div></div></div></div></div><div id="__cell12" data-sap-ui="__cell12" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10B sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout13" data-sap-ui="__layout13" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__container4" data-sap-ui="__container4" data-sap-ui-render="" class="sapUIDisclaimerLink sapUiSmallMarginBottom"><div id="__link9" data-sap-ui="__link9" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth"><a tabindex="0" href="https://ui5.sap.com/#/topic/91f346786f4d1014b6dd926db0e91070" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link9-inner">SAPUI5 (On-Premise)</span></a></div><img id="__image9" data-sap-ui="__image9" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-sap.png" alt="Information published on SAP site" aria-label="Information published on SAP site" title="Information published on SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable" style="width: 1.25rem;"></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text27" data-sap-ui="__text27" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">SAPUI5 is part of the user interface technologies in SAP HANA, NetWeaver ABAP, and Java systems.</span></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox22" data-sap-ui="__hbox22" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data89" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon15" data-sap-ui="__icon15" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data90" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text28" data-sap-ui="__text28" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Ready to use for SAP customers</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox23" data-sap-ui="__hbox23" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent sapUiSmallMarginBottom"><div id="__data91" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon16" data-sap-ui="__icon16" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data92" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text29" data-sap-ui="__text29" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Integrates with existing system landscapes</span></div></div></div></div></div></div></div><div style="display: flex;"><div id="__cell13" data-sap-ui="__cell13" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10C sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout14" data-sap-ui="__layout14" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__container5" data-sap-ui="__container5" data-sap-ui-render="" class="sapUIDisclaimerLink sapUiSmallMarginBottom"><div id="__link10" data-sap-ui="__link10" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth"><a tabindex="0" href="http://openui5.org" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link10-inner">OpenUI5 - Free and Open Source</span></a></div><img id="__image10" data-sap-ui="__image10" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-sap.png" alt="Information published on SAP site" aria-label="Information published on SAP site" title="Information published on SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable" style="width: 1.25rem;"></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text30" data-sap-ui="__text30" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">Try the open source variant of UI5. It contains all core UI5 features and is available on GitHub under the Apache 2.0 license.</span></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox24" data-sap-ui="__hbox24" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data93" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon17" data-sap-ui="__icon17" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data94" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text31" data-sap-ui="__text31" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Supported by the open source community</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox25" data-sap-ui="__hbox25" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent sapUiSmallMarginBottom"><div id="__data95" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon18" data-sap-ui="__icon18" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data96" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text32" data-sap-ui="__text32" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Managed on GitHub - contributions welcome!</span></div></div></div></div></div></div><div id="__cell14" data-sap-ui="__cell14" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout15" data-sap-ui="__layout15" data-sap-ui-render="" class="sapUiVlt sapuiVlt" style="width: 100%;"><div class="sapUiVltCell sapuiVltCell"><div id="__link11" data-sap-ui="__link11" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable wrap sapMTitleMaxWidth sapUiSmallMarginBottom"><a tabindex="0" href="topic/2d3eb2f322ea4a82983c1c62a33ec4ae" class="sapMLnk"><span id="__link11-inner">UI5 on Content Delivery Network</span></a></div></div><div class="sapUiVltCell sapuiVltCell"><span id="__text33" data-sap-ui="__text33" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth sapUiSmallMarginBottom" style="text-align: left;">Develop and run UI5 apps with the flexibility of a robust CDN. Files are loaded from the location closest to the user for optimal performance.</span></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox26" data-sap-ui="__hbox26" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent"><div id="__data97" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon19" data-sap-ui="__icon19" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data98" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text34" data-sap-ui="__text34" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">Multi-version CDN to maintain a custom lifecycle</span></div></div></div><div class="sapUiVltCell sapuiVltCell"><div id="__hbox27" data-sap-ui="__hbox27" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent sapUiSmallMarginBottom"><div id="__data99" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__icon20" data-sap-ui="__icon20" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="accept" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconColorDefault sapUiTinyMarginBegin sapUiSmallMarginEnd" style="font-family: SAP-icons; font-size: 0.875rem;"></span></div><div id="__data100" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="__text35" data-sap-ui="__text35" data-sap-ui-render="" dir="auto" class="sapMText sapUiSelectable sapMTextMaxWidth" style="text-align: left;">For any on-premise and cloud development scenario</span></div></div></div></div></div></div></div></div></div></div></div><div id="__panel5" data-sap-ui="__panel5" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" role="region" aria-labelledby="__title6" class="sapMPanel sapUiNoContentPadding" style="width: 100%; height: auto;"><div class="sapMPanelHeadingDiv"><div id="__toolbar6" data-sap-ui="__toolbar6" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBStandard sapMTB-Transparent-CTX headlineCell sapMPanelHeaderTB"><h1 id="__title6" data-sap-ui="__title6" data-sap-ui-render="" class="sapMTitle sapMTitleStyleH1 sapMTitleNoWrap sapUiSelectable sapUiMediumMarginTopBottom sapMBarChild sapMBarChildFirstChild sapMTBShrinkItem" style="width: 100%;"><span id="__title6-inner" dir="auto">Join the Community</span></h1></div></div><div id="__panel5-content" class="sapMPanelContent sapMPanelBGTransparent" style="height: auto;"><div id="__layout22" data-sap-ui="__layout22" data-sap-ui-render="" class="sapUiBlockLayout sapUiBlockLayoutBackgroundDefault sapUiBlockLayoutSizeM"><div id="__row7" data-sap-ui="__row7" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet1"><div style="display: flex;"><div id="__cell15" data-sap-ui="__cell15" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockCenteredCell communityLinkCell sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout17" data-sap-ui="__layout17" data-sap-ui-render="" class="sapUiHLayout sapUiHLayoutNoWrap"><div class="sapUiHLayoutChildWrapper"><span id="__icon21" data-sap-ui="__icon21" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="collaborate" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapUiIconColorDefault" style="font-family: SAP-icons; font-size: 2.5rem;"></span></div><div class="sapUiHLayoutChildWrapper"><div id="__link12" data-sap-ui="__link12" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable sapMTitleNoWrap sapMTitleMaxWidth sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd"><a tabindex="0" href="https://community.sap.com/topics/ui5" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link12-inner">SAP Community</span></a></div></div><div class="sapUiHLayoutChildWrapper"><img id="__image11" data-sap-ui="__image11" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-sap.png" alt="Information published on SAP site" aria-label="Information published on SAP site" title="Information published on SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable sapUiDisclaimerCommunityLink" style="width: 1.25rem;"></div></div></div></div><div id="__cell16" data-sap-ui="__cell16" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10B sapUiBlockCenteredCell communityLinkCell sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout18" data-sap-ui="__layout18" data-sap-ui-render="" class="sapUiHLayout sapUiHLayoutNoWrap"><div class="sapUiHLayoutChildWrapper"><img id="__image12" data-sap-ui="__image12" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/logo_stackoverflow.png" role="presentation" aria-hidden="true" alt="" class="sapMImg sapUiTinyMarginTop" style="width: 2.5rem;"></div><div class="sapUiHLayoutChildWrapper"><div id="__link13" data-sap-ui="__link13" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable sapMTitleNoWrap sapMTitleMaxWidth sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd"><a tabindex="0" href="http://stackoverflow.com/search?q=sapui5" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link13-inner">StackOverflow</span></a></div></div><div class="sapUiHLayoutChildWrapper"><img id="__image13" data-sap-ui="__image13" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-external.png" alt="Information published on non-SAP site" aria-label="Information published on non-SAP site" title="Information published on non-SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable sapUiDisclaimerCommunityLink" style="width: 1.25rem;"></div></div></div></div><div id="__cell17" data-sap-ui="__cell17" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10A sapUiBlockCenteredCell communityLinkCell sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout19" data-sap-ui="__layout19" data-sap-ui-render="" class="sapUiHLayout sapUiHLayoutNoWrap"><div class="sapUiHLayoutChildWrapper"><img id="__image14" data-sap-ui="__image14" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/logo_youtube.png" role="presentation" aria-hidden="true" alt="" class="sapMImg sapUiTinyMarginTop" style="width: 2.5rem;"></div><div class="sapUiHLayoutChildWrapper"><div id="__link14" data-sap-ui="__link14" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable sapMTitleNoWrap sapMTitleMaxWidth sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd"><a tabindex="0" href="https://youtube.com/openui5videos" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link14-inner">YouTube</span></a></div></div><div class="sapUiHLayoutChildWrapper"><img id="__image15" data-sap-ui="__image15" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-external.png" alt="Information published on non-SAP site" aria-label="Information published on non-SAP site" title="Information published on non-SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable sapUiDisclaimerCommunityLink" style="width: 1.25rem;"></div></div></div></div></div></div><div id="__row8" data-sap-ui="__row8" data-sap-ui-render="" class="sapUiBlockLayoutRow sapUiBlockHorizontalCellsRow sapUiBlockLayoutBackgroundColorSet2"><div style="display: flex;"><div id="__cell18" data-sap-ui="__cell18" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10C sapUiBlockCenteredCell communityLinkCell sapUiBlockLayoutOddCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout20" data-sap-ui="__layout20" data-sap-ui-render="" class="sapUiHLayout sapUiHLayoutNoWrap"><div class="sapUiHLayoutChildWrapper"><img id="__image16" data-sap-ui="__image16" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/logo_twitter.png" role="presentation" aria-hidden="true" alt="" class="sapMImg sapUiTinyMarginTop" style="width: 2.5rem;"></div><div class="sapUiHLayoutChildWrapper"><div id="__link15" data-sap-ui="__link15" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable sapMTitleNoWrap sapMTitleMaxWidth sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd"><a tabindex="0" href="https://twitter.com/@openui5" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link15-inner">Twitter</span></a></div></div><div class="sapUiHLayoutChildWrapper"><img id="__image17" data-sap-ui="__image17" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-external.png" alt="Information published on non-SAP site" aria-label="Information published on non-SAP site" title="Information published on non-SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable sapUiDisclaimerCommunityLink" style="width: 1.25rem;"></div></div></div></div><div id="__cell19" data-sap-ui="__cell19" data-sap-ui-render="" class="sapUiBlockLayoutCell sapUiBlockLayoutCellColor10B sapUiBlockCenteredCell communityLinkCell sapUiBlockLayoutEvenCell sapUiBlockHorizontalCell" style="flex: 1 1 0%;"><div class="sapUiBlockCellContent"><div id="__layout21" data-sap-ui="__layout21" data-sap-ui-render="" class="sapUiHLayout sapUiHLayoutNoWrap"><div class="sapUiHLayoutChildWrapper"><span id="__icon22" data-sap-ui="__icon22" data-sap-ui-render="" role="presentation" aria-hidden="true" aria-label="email" data-sap-ui-icon-content="" class="sapUiIcon sapUiIconMirrorInRTL sapUiIconColorDefault" style="font-family: SAP-icons; font-size: 2.5rem;"></span></div><div class="sapUiHLayoutChildWrapper"><div id="__link16" data-sap-ui="__link16" data-sap-ui-render="" role="heading" class="sapUiDocTitleLink sapMTitle sapMTitleStyleH2 sapUiSelectable sapMTitleNoWrap sapMTitleMaxWidth sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd"><a tabindex="0" href="https://listserv.sap.com/mailman/listinfo/ui5.announce" target="_blank" rel="noopener noreferrer" class="sapMLnk"><span id="__link16-inner">Newsletter</span></a></div></div><div class="sapUiHLayoutChildWrapper"><img id="__image18" data-sap-ui="__image18" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/link-sap.png" alt="Information published on SAP site" aria-label="Information published on SAP site" title="Information published on SAP site" role="button" tabindex="0" class="sapMImg sapMPointer sapMImgFocusable sapUiDisclaimerCommunityLink" style="width: 1.25rem;"></div></div></div></div></div></div></div></div></div><div id="__toolbar7" data-sap-ui="__toolbar7" data-sap-ui-render="" data-sap-ui-fastnavgroup="true" class="sapMIBar sapMTBInactive sapMTB sapMTBNewFlex sapMTBClear sapMTB-Auto-CTX sapUiDocumentationFooter"><div id="__box1" data-sap-ui="__box1" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifySpaceBetween sapMFlexBoxAlignItemsCenter sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent sapMBarChild sapMBarChildFirstChild sapMTBShrinkItem" style="width: 100%;"><div id="__data48" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><img id="__image19" data-sap-ui="__image19" data-sap-ui-render="" src="./resources/sap/ui/documentation/sdk/images/logo_sap.svg" role="presentation" aria-hidden="true" alt="" aria-label="SAP Company Logo" class="sapMImg" style="width: 3rem; height: 1.5rem;"></div><div id="__box0" data-sap-ui="__box0" data-sap-ui-render="" class="sapMFlexBox sapMHBox sapMFlexBoxJustifyStart sapMFlexBoxAlignItemsStretch sapMFlexBoxWrapNoWrap sapMFlexBoxAlignContentStretch sapMFlexBoxBGTransparent sapUiTinyMarginTop sapMFlexItem"><div id="__data49" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem sapUiHiddenPlaceholder" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="sap-ui-invisible-__link17" data-sap-ui="sap-ui-invisible-__link17" aria-hidden="true" class="sapUiHiddenPlaceholder"></span></div><div id="__data50" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><a id="__link18" data-sap-ui="__link18" data-sap-ui-render="" href="https://www.sap.com/corporate/en/legal/impressum.html" tabindex="0" target="_blank" rel="noopener noreferrer" class="sapMLnk sapMLnkMaxWidth sapUiLargeMarginEnd sapUiTinyMarginBottom sapUiDocumentationFooterLink"><span class="sapMLnkText">Legal Disclosure</span></a></div><div id="__data51" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><a id="__link19" data-sap-ui="__link19" data-sap-ui-render="" href="https://www.sap.com/corporate/en/legal/privacy.html" tabindex="0" target="_blank" rel="noopener noreferrer" class="sapMLnk sapMLnkMaxWidth sapUiLargeMarginEnd sapUiTinyMarginBottom sapUiDocumentationFooterLink"><span class="sapMLnkText">Privacy</span></a></div><div id="__data52" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><a id="__link20" data-sap-ui="__link20" data-sap-ui-render="" href="https://www.sap.com/corporate/en/legal/terms-of-use.html" tabindex="0" target="_blank" rel="noopener noreferrer" class="sapMLnk sapMLnkMaxWidth sapUiDocumentationFooterLink"><span class="sapMLnkText">Terms of Use</span></a></div><div id="__data53" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem sapUiHiddenPlaceholder" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="sap-ui-invisible-__link21" data-sap-ui="sap-ui-invisible-__link21" aria-hidden="true" class="sapUiHiddenPlaceholder"></span></div><div id="__data54" class="sapMFlexItemAlignAuto sapMFlexBoxBGTransparent sapMFlexItem sapUiHiddenPlaceholder" style="order: 0; flex: 0 1 auto; min-height: auto; min-width: auto;"><span id="sap-ui-invisible-__link22" data-sap-ui="sap-ui-invisible-__link22" aria-hidden="true" class="sapUiHiddenPlaceholder"></span></div></div></div></div></section></div></div></div></div></div></div></div></div></div></div></div><div id="sap-ui-dummy-__html0" style="display: none;"></div></div></div></div></section></div></body></html>