title: Display SplitLayoutPanel and it's children elements
body: <p>I can't seem to make a SplitLayoutPanel display it's children elements.  GAS seems to support this class as it's noted in the documentation.</p>
  
  <p><a href="https://developers.google.com/apps-script/class_splitlayoutpanel" rel="nofollow">https://developers.google.com/apps-script/class_splitlayoutpanel</a></p>
  
  <p>Here's my attempt at the code.  Any suggestions would be greatly appreciated.  My assumption is this gives the user a splitter that they can drag to resize the panels (which is ideal for what I'm going for.  A left side panel with a right side panel with more details.</p>
  
  <pre><code>        function doGet(e) { 
    var app = UiApp.createApplication();
    //code goes here   
  
    var mainPanel = app.createSplitLayoutPanel().setId('mainPanel')
      .setVisible(true);
    app.add(mainPanel);
  
     var eastPanel = app.createVerticalPanel().setId('eastPanel');
    eastPanel.add(app.createLabel('eastPanel loaded'));
    mainPanel.addEast(eastPanel, 500);
  
    var westPanel = app.createVerticalPanel().setId('westPanel');
    westPanel.add(app.createLabel('westPanel loaded'));
    mainPanel.addWest(westPanel, 500);
  
  
    return app;
  }
  </code></pre>
  
  <p>What did I miss?</p>