Split Layout Panel

This is an example of splitLayoutPanel. This type of User Interface is very useful when you want to make navigation, and based on the navigation link, other information are displayed. You can see a usage of Split Layout panel on Android Developer reference page.

Reference:

Example demo:

Example Code:

function doGet() {

  var app = UiApp.createApplication();

//Create Split layou panel

  var sPanel = app.createSplitLayoutPanel();

//Add west component

  sPanel.addWest(app.createLabel('Navigation'), 100);

//add north compaonent

  sPanel.addNorth(app.createLabel('List goes here'), 200);

  sPanel.add(app.createLabel('detail goes here'));

//define width & height of the split layout panel

  sPanel.setHeight('100%').setWidth('100%');

//Add the splitLayoutPanel to the application

  app.add(sPanel);

  return app;

}