The escape character
and Unicode character u000a will only work in JavaScript. However, I'm trying to add a line break in XML view as below. But doesn't work:
<u:TimelineItem text="First Line
SecondLine" />
New lines in text controls can be added with the following characters:
or 
. or 
.i18n.properties files:Line feed:
or u000a.
Recommended:* In combination with carriage return:
or u000du000a.
Alternatively, consider using template literals instead of concatenating the above characters manually (i.e. simply replace "..." with `...`).
<br> (in XML: <br>) out of the box:
sap.m.MessageStrip since UI5 v1.85: API reference, Samplesap.m.FormattedText: API reference* See Issues with different newline formats. It is recommended to use the combination with Carriage Return for most of the internet protocols.
Here is a UI5 demo with sap.suite.ui.commons.TimelineItem* and sap.m.Text:
globalThis.onUI5Init = () => sap.ui.require([
"sap/ui/core/mvc/XMLView",
"sap/m/Text",
], async (XMLView, Text) => {
"use strict";
const view = await XMLView.create({
definition: `<mvc:View xmlns:mvc="sap.ui.core.mvc" height="100%">
<App xmlns="sap.m" autoFocus="false">
<Page showHeader="false" class="sapUiResponsiveContentPadding">
<commons:TimelineItem xmlns:commons="sap.suite.ui.commons"
text="Multiline supported in Timeline items (XML)"
/>
<HBox id="myBox" justifyContent="SpaceAround">
<Text
text="This is
a text (created in XML view)!"
renderWhitespace="true"
/>
</HBox>
</Page>
</App>
</mvc:View>`,
});
const textCreatedInJS = new Text({
renderWhitespace: true,
text: "And this
isu000aanother
text (created in JS)!",
});
view.byId("myBox").addItem(textCreatedInJS);
view.placeAt("content");
});<script id="sap-ui-bootstrap"
src="https://ui5.sap.com/resources/sap-ui-core.js"
data-sap-ui-libs="sap.ui.core,sap.m,sap.suite.ui.commons"
data-sap-ui-theme="sap_fiori_3"
data-sap-ui-oninit="onUI5Init"
data-sap-ui-async="true"
data-sap-ui-compatversion="edge"
data-sap-ui-excludejquerycompat="true"
data-sap-ui-xx-waitfortheme="init"
></script>
<body id="content" class="sapUiBody"></body>