find path ubuntu code example
Example 1: 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>
Example 2: 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>