Hi Wishnu,

The easiest approach is to use % width/height of html elements/controls located in SplitterPane. In this case a browser will do all "stretch" for you.

If you prefer manual adjustments, then you may process ClientEvents.SplitterBarPositionChanged, get references to affected panes, their DIV containers, old/new sizes, etc. So, you may use those value to adjuct bounds of all child elements in those panes. Below is example:

function positionChanged(splitter, evtArgs)
{
  var pane1 = evtArgs.get_nextPane(); //get_prevPane();
  var div1 = pane1.getBody();
  var clientWidth = pane1.getClientWidth();
  var newSize1 = evtArgs.get_nextPaneNewSize();
  ...
}