OneUI borderContainer

Right Column Content
<xe:djBorderContainer style="width: 100%; height: 100%" styleClass="lotusFrame" gutters="false">
	<xe:djBorderPane id="lotusBanner" region="top" styleClass="borderHeader">
		<div class="lotusBanner">
			<div class="lotusRightCorner">
				<div class="lotusInner"> 
					<xe:outline styleClass="lotusInlinelist lotusUtility">
						<xe:this.treeNodes>
							<xe:userTreeNode userField="abbreviatedName" styleClass="lotusFirst lotusSelected lotusUser"/>
							<xe:basicLeafNode label="|" />
		
							<xe:basicLeafNode label="Log Out" href="/?Logout&amp;RedirectTo=${facesContext.externalContext.requestContextPath}"/>
						</xe:this.treeNodes>
					</xe:outline>
				</div>
			</div>
		</div>
		<div class="lotusTitleBar">
			<div class="lotusRightCorner">
				<div class="lotusInner">
					<div class="lotusTitleBarContent">
						<xe:outline styleClass="lotusTabs">
							<xe:this.treeNodes>
								<xe:pageTreeNode label="Home" page="OneUI" styleClass="${javascript:view.pageName=='/OneUI.xsp' ? 'lotusSelected' : ''}"/>
							</xe:this.treeNodes>
						</xe:outline>
					</div>
				</div>
			</div>
		</div>
		<div class="lotusPlaceBar">
			<div class="lotusRightCorner">
				<div class="lotusInner">
					<xp:text tagName="h2" style="margin:0" value="#{view.pageTitle}" />
				</div>
			</div>
		</div>
	</xe:djBorderPane>
	<xe:djBorderPane id="lotusColLeft" region="leading" styleClass="lotusColLeft"
		rendered="#{javascript:this.children.length != 0}">
		<xp:callback xp:key="LeftColumn" facetName="LeftColumn" id="callback1" />
	</xe:djBorderPane>
	<xe:djBorderPane id="lotusColRight" region="trailing" styleClass="lotusColRight" splitter="true"
		rendered="#{javascript:this.children.length != 0}">
		<xp:callback xp:key="RightColumn" facetName="RightColumn" id="callback2" />
	</xe:djBorderPane>
	<xe:djBorderPane id="lotusContent" region="center" style="padding: 0">
		<xe:djBorderContainer style="width: 100%; height: 100%" gutters="false">
			<xe:djBorderPane region="top" styleClass="lotusActionBar"
				rendered="#{javascript:this.children.length != 0}">
				<xp:callback id="ActionBarCallback" facetName="ActionBar" />
			</xe:djBorderPane>
			<xe:djBorderPane region="center" styleClass="lotusContent #{compositeData.contentStyleClass}">
	
				<xp:callback id="OneUIMainAreaCallback" />
			</xe:djBorderPane>
		</xe:djBorderContainer>
	</xe:djBorderPane>
</xe:djBorderContainer>