RelationshipView.xml

<mvc:View controllerName="graham.client.controller.Relationship" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
	xmlns:semantic="sap.m.semantic" xmlns:f="sap.ui.layout.form" xmlns:l="sap.ui.layout" xmlns:footerbar="sap.ushell.ui.footerbar">
	<semantic:FullscreenPage id="relationshipPage" navButtonPress="onNavBack" showNavButton="true" title="{view>/title}" busy="{view>/busy}"
		busyIndicatorDelay="0">
		<semantic:content>
			<VBox id="dropListFragment">
				<f:SimpleForm editable="true" layout="ResponsiveGridLayout" title="{view>/formMode} {view>/Entity} for {client_name}">
					<f:content>
						<!--<Label text="Name" labelFor="relationshipName"/>
							<Select id="relationshipName"/> -->
						<Label text="Name" labelFor="relationshipName"/>
							<ComboBox id="relationshipName" placeholder="Type name..."/>
						<Label text="Role Description" labelFor="relationshipRole"/>
							<Input id="relationshipRole"/>	
						<Label text="Primary" labelFor="relationshipPrimary"/>
							<CheckBox id="isPrimary"></CheckBox>
					</f:content>
				</f:SimpleForm>
				<Button id="addRelationship" text="{view>/formMode} {view>/Entity}" type="Emphasized" press="_submitRelationship"/>
			</VBox>
			<VBox id="listTableFragment">
				<Table id="relationshipsTable" width="auto" class="sapUiNoMargin" noDataText="{i18n>relationshipsTableNoData}" busyIndicatorDelay="0"
					growing="true" growingThreshold="100" growingScrollToLoad="true" updateFinished="onUpdateFinished">
					<!-- Table Header -->
					<headerToolbar>
						<Toolbar>
							<Title text="{view>/relationshipsTableTitle}"/>
							<!-- Create Button -->
						</Toolbar>
					</headerToolbar>
					<!-- Table Column Headers -->
					<columns>
						<Column id="relationshipPrimaryColumn">
							<Text text="{i18n>relationshipsTableColumnPrimary}"/>
						</Column>
						<Column id="relationshipNameColumn">
							<Text id="relationshipNameColumnText" text="{i18n>relationshipsTableColumnEmployeeName}"/>
						</Column>
						<Column id="relationshipRoleColumn">
							<Text text="{i18n>relationshipsTableColumnRole}"/>
						</Column>
						<Column id="relationshipBusPhoneColumn">
							<Text text="{i18n>relationshipsTableColumnBusPhone}"/>
						</Column>
						<Column id="relationshipCellPhoneColumn">
							<Text text="{i18n>relationshipsTableColumnCellPhone}"/>
						</Column>
						<Column id="relationshipBusFaxColumn">
							<Text text="{i18n>relationshipsTableColumnBusFax}"/>
						</Column>
						<Column id="relationshipEditColumn" hAlign="Right" vAlign="Top">
							<Text text="{i18n>relationshipsTableEdit}"/>
						</Column>
						<Column id="relationshipDeleteColumn" hAlign="Right" vAlign="Top">
							<Text text="{i18n>relationshipsTableDelete}"/>
						</Column>
					</columns>
					<!-- Table Rows -->
					<items>
						<!-- Bound via bindAggregation in controller -->
					</items>
				</Table>
			</VBox>
		</semantic:content>
		<semantic:customFooterContent>
			<Button text="{view>/button}" press="_submitRelationship"/>
		</semantic:customFooterContent>
	</semantic:FullscreenPage>
</mvc:View>