The example shows the border container layout in Project Avatar. The default widget library
used to render the layout is jQuery. You can change the avatar.properties file to set the widgetLib
to dijit
to see the border container rendered in Dojo.
Top Text
Height: #{bc1Model.state.top.h}
Right Sidebar Text
Width: #{bc1Model.state.right.w}
Center Text
Move the splitters to generate the resize event and show the changed heights/widths.
Left Text
Width: #{bc1Model.state.left.w}
Bottom Text
Height: #{bc1Model.state.bottom.h}