Class idx.app.HighLevelTemplate

Extends dijit.layout.BorderContainer.
The HighLevelTemplate provides the standard OneUI page architecture, implemented according to IBM One UI(tm) standard and specification High Level Templates
Defined in: <idx\app\HighLevelTemplate.js>.

Constructor Summary

Constructor Attributes	Constructor Name and Description
	idx.app.HighLevelTemplate()

Field Summary

Field Attributes	Field Name and Description
	header The id or the widget itself of idx.app.Header, The header would be the header of HighLevelTemplate container

Method Summary

Method Attributes	Method Name and Description
	buildRendering()
	startup()

Constructor Detail

idx.app.HighLevelTemplate()

<!-- HighLevelTemplate template 1: with left column and right column -->
<div id="hlt1" data-dojo-type="idx.app.HighLevelTemplate" data-dojo-props="
	style: 'width: 100%; height: 100%;', header: 'header1'">	
	
	<!-- Left Nav start -->
	<div data-dojo-type="dijit.layout.AccordionContainer" data-dojo-props="
		splitter: 'toggle',
		minSize: 20,
		style: 'width: 20%;',
		region: 'leading'
	">
		<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="
			title: 'Navigation',
			style: 'background-color: #dbdbdb;'">
			<div class="content">left column<br/>(optional)</div>
		</div>
	</div>
	<!-- Left Nav end -->
	
	<!-- Main Content start -->
	<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="
		style: 'padding: 10px;background-color:transparent;',
		region: 'center'
	">
		<div class="centeredContent">content area<br/>(required)</div>
	</div>
	<!-- Main Content end -->
	
	<!-- Right Column start -->
	<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="
		splitter: 'drag',
		style: 'background-color: #dbdbdb; width: 15%;',
		region: 'trailing'
	">
		<div class="centeredContent">right column<br/>(optional)</div>
	</div>
	<!-- Right Column end -->
	
	<!-- Footer start -->
	<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="
		splitter: 'toggle',
		style: 'background-color: #dbdbdb; height: 10%;',
		region: 'bottom'
	">
		<div class="content" >footer<br/>(optional)</div>
	</div>
	<!-- Footer end -->
</div>

Field Detail

{String | idx.app.Header} header

The id or the widget itself of idx.app.Header, The header would be the header of HighLevelTemplate container

Classes