djBorderContainer - Dojo Border Container

Contains panes situated at various regions within the container.

Category

Extension Library

Syntax

<xe:djBorderContainer attributes>content</xe:djBorderContainer>
Table 1. Essential properties
Property Description
id Defaults to djBorderContainer1, djBorderContainer2, and so on.
style Set the width and height.
Table 2. All properties
Category Properties
accessibility title, waiRole, waiState
basics binding, design, dir, gutters, id, lang, liveSplitters, loaded, persist, rendered, rendererType
dojo dojoAttributes, dojoType, dragRestriction, tooltip
events onBlur, onClick, onClose, onDblClick, onFocus, onHide, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onShow
styling disableTheme, style, styleClass, themeId

Usage

This is a Dojo control.

A Border Container control holds Border Pane controls. Each pane covers a specified region in the container.

This control is not tested against the latest accessibility standards. The recommended accessible path is the Panel control.

Examples

This example shows five Border Pane controls inside a Border Container control.
<xe:djBorderContainer id="djBorderContainer1" style="width:400px; height:200px;">
	<xe:djBorderPane id="djBorderPane1" region="top">top</xe:djBorderPane>
	<xe:djBorderPane id="djBorderPane2" region="center">center</xe:djBorderPane>
	<xe:djBorderPane id="djBorderPane3" region="bottom">bottom</xe:djBorderPane>
	<xe:djBorderPane id="djBorderPane4" region="left">left</xe:djBorderPane>
	<xe:djBorderPane id="djBorderPane5" region="right">right</xe:djBorderPane>
</xe:djBorderContainer>