Panes Section of viewer.js
Basic guide for placing widgets in panes
First add a bottom pane. Something like this near the top of your viewer.js
:
panes: {
left: {
id: 'sidebarLeft',
placeAt: 'outer',
collapsible: true,
region: 'left'
},
bottom: {
id: 'sidebarBottom',
placeAt: 'outer',
splitter: true,
collapsible: true,
region: 'bottom'
}
},
Then place your widget there by using placeAt
in the widget options:
widget: {
...
type: 'contentPane',
placeAt: 'bottom'
}
That will work for widgets of type titlePane
and contentPane
. If you want to use a type of domNode
you need some content in your pane to attach to:
content: '<div id="myWidgetContainer"></div>'
Then include the reference to that domNode in the widget options:
widget: {
...
type: 'domNode',
srcNodeRef: 'myWidgetContainer'
}
There are some gotchas when using dijits like a TabContainer dijit. Here's a discussion about using a TabContainer that also touches on the widget placement in panes: Gitub #214