@openui5/sap.ui.demokit/src/sap/ui/demokit/demoapps/view/BlockLayoutCell.fragment.xml

OpenUI5 UI Library sap.ui.demokit

<core:FragmentDefinition
	xmlns="sap.m"
	xmlns:core="sap.ui.core"
	xmlns:l="sap.ui.layout">
	<l:BlockLayoutCell
		class="sapUiContentPadding"
		width="2">
		<l:VerticalLayout width="100%">
			<core:Icon
				src="{icon}"
				size="2rem"
				color="Default">
			</core:Icon>
			<Title
				level="H1"
				titleStyle="H1"
				text="{name}"
				class="sapUiTinyMarginTop"/>
			<Text
				text="{desc}"
				class="sapUiTinyMarginBottom"/>
			<Link
				href="{ref}"
				target="_blank"
				text="{i18n>demoAppTileLaunchDemo}"
				class="sapUiSmallMarginBottom"
				emphasized="true"/>
			<Label
				text="{i18n>demoAppTileLinkTitle}"
				visible="{= ${links}.length === 0 ? false : true }"
				design="Bold"/>
			<l:VerticalLayout
				content="{links}"
				class="sapUiTinyMarginBottom"
				visible="{= ${links}.length === 0 ? false : true }">
				<Link
					href="{
						path: 'ref',
						formatter: '.formatter.crossLink'
					}"
					target="_blank"
					text="{name}"/>
			</l:VerticalLayout>
			<l:HorizontalLayout>
				<Label
					text="{i18n>demoAppTileLibrary}"
					class="sapUiTinyMarginEnd"/>
				<Link
					text="{lib}"
					href="{
						path: 'lib',
						formatter: '.formatter.libraryLink'
					}"
					target="_blank"
					enabled="{
						path: 'lib',
						formatter: '.formatter.libraryLinkEnabled'
					}"
					subtle="true"/>
			</l:HorizontalLayout>
		</l:VerticalLayout>
	</l:BlockLayoutCell>
</core:FragmentDefinition>