ubuntu find install path code example

Example 1: ubuntu find install path

<ui5-shellbar
	primary-title="Corporate Portal"
	secondary-title="secondary title"
	show-notifications
	notification-count="22"
>
		<ui5-avatar slot="profile" image="../../../assets/images/avatars/woman_avatar_5.png"></ui5-avatar>
		<img slot="logo" src="../../../assets/images/sap-logo-svg.svg"/>
		<ui5-input slot="searchField" placeholer="Enter service..."></ui5-input>
</ui5-shellbar>

Example 2: ubuntu find install path

<ui5-shellbar
	primary-title="Corporate Portal"
	secondary-title="secondary title"
>
	<ui5-avatar slot="profile" icon="customer"></ui5-avatar>
	<img slot="logo" src="../../../assets/images/sap-logo-svg.svg"/>
	<ui5-button icon="nav-back" slot="startButton"></ui5-button>
</ui5-shellbar>

Example 3: ubuntu find install path

<ui5-flexible-column-layout id="fcl">
	<!-- start column -->
	<div slot="startColumn">
		<ui5-shellbar primary-title="Dep. New York, USA">
		</ui5-shellbar>

		<ui5-list id="col1list" header-text="Employees">
		</ui5-list>
	</div>

	<!-- middle column -->
	<div slot="midColumn">
		<div class="colHeader">
			<ui5-button design="Emphasized">Edit</ui5-button>
			<ui5-button design="Transparent" icon="add"></ui5-button>
			<ui5-button id="fullscreenMidColumn" design="Transparent" icon="full-screen"></ui5-button>
			<ui5-button id="closeMidColumn" icon="decline" design="Transparent"></ui5-button>
		</div>

		<ui5-list id="col2list" header-text="Employees">
		</ui5-list>
	</div>

	<!-- end column -->
	<div slot="endColumn">
		<div class="colHeader">
			<ui5-button design="Emphasized">Edit</ui5-button>
			<ui5-button design="Transparent" icon="add"></ui5-button>
			<ui5-button id="fullscreenEndColumn" design="Transparent" icon="full-screen"></ui5-button>
			<ui5-button id="closeEndColumn" icon="decline" design="Transparent"></ui5-button>
		</div>

		<p>
			"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod..."
		</p>
	</div>
</ui5-flexible-column-layout>

<script>
	col1list.addEventListener("item-click", function(e) {
		fcl.layout = "TwoColumnsMidExpanded";
	});

	col2list.addEventListener("item-click", function(e) {
		fcl.layout = "ThreeColumnsEndExpanded";
	});

	closeMidColumn.addEventListener("click", function(e) {
		fcl.layout = "OneColumn";
	});
	fullscreenMidColumn.addEventListener("click", function(e) {
		fcl.layout = "MidColumnFullscreen";
	});

	fullscreenEndColumn.addEventListener("click", function(e) {
		fcl.layout = "EndColumnFullscreen";
	});

	closeEndColumn.addEventListener("click", function(e) {
		fcl.layout = "TwoColumnsMidExpanded";
	});
</script>

Example 4: ubuntu find install path

<ui5-bar design="FloatingFooter">
	<ui5-button design="Positive" slot="endContent">Agree</ui5-button>
	<ui5-button design="Negative" slot="endContent">Decline</ui5-button>
	<ui5-button design="Transparent" slot="endContent">Cancel</ui5-button>
</ui5-bar>