title: SAPUI5 controls not displaying
body: <p>I am trying to create a SAPUI5 application and I have gotten as far as the first view. All I want on the first view is 2 panels 1 with 4 buttons and the other with a table, but I just cant get it all to display when I run the solution. Any help would be much appreciated - thanks in advance!</p>
  
  <p>Heres code for index.html:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
          &lt;meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/&gt;
  
  
          &lt;script src="resources/sap-ui-core.js"
                  id="sap-ui-bootstrap"
                  data-sap-ui-libs="sap.ui.commons, sap.ui.table"
                  data-sap-ui-theme="sap_bluecrystal"&gt;
          &lt;/script&gt;
          &lt;!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required --&gt;
  
          &lt;script&gt;
                  sap.ui.localResources("casemanagement");
                  var view = sap.ui.view({id:"idHome1",     viewName:"casemanagement.Home.Home", type:sap.ui.core.mvc.ViewType.JS});
              view.placeAt("content");
          &lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body class="sapUiBody" role="application"&gt;
          &lt;div id="content"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the code for my javascript view:</p>
  
  <pre><code>createContent : function(oController) {
  
      var oPanelButtons = new sap.ui.commons.Panel({width:"600px",position:"center"});
  
      oPanelButtons.setTitle(new sap.ui.core.Title({text:"Case Management",icon:"images/hula.jpg"}));
  
      var oMatrix = new sap.ui.commons.layout.MatrixLayout({layoutFixed: tue, width:"400px",columns:"4"});
      oMatrix.setWidths("100px","100px","100px","100px");
  
      var createCaseButton = new sap.ui.commons.Button({id:'createId',text:"Create Case"});
      var searchButton = new sap.ui.commons.Button({id:'searchId',text:"Search Cases"});
      var analyticsButton = new sap.ui.commons.Button({id:'analyticsId',text:"Case Analytics"});
      var helpButton = new sap.ui.commons.Button({id:'helpId',text:"Help"});
  
      oMatrix.createRow(createCaseButton,searchButton,analyticsButton,helpButton);
  
      oPanelButtons.addContent(oMatrix);
  
      var oPanelTable = new sap.ui.commons.Panel({width:"600px",position:"center"});  
  
      var oTable = new sap.ui.table.Table({title: "Open Cases Pending Your Action",
                                          visibleRowCount:10,
                                          firstVisibleRow:3,
                                          selectionMode: sap.ui.table.selectionMode.Single
          });
  
      oTable.addColumn(new sap.ui.table.Column({
          label: new sap.ui.commons.Label({text: "Case#"}),
          template: new sap.ui.commons.TextView().bindProperty("text", "caseNumber"),
          sortProperty: "caseNumber",
          filterProperty: "caseNumber",
          width: "100px"
      }));
  
      oTable.addColumn(new sap.ui.table.Column({
          label: new sap.ui.commons.Label({text: "Submitted By"}),
          template: new sap.ui.commons.TextView().bindProperty("text", "submittedBy"),
          sortProperty: "submittedBy",
          filterProperty: "submittedBy",
          width: "100px"
      }));
  
      oTable.addColumn(new sap.ui.table.Column({
          label: new sap.ui.commons.Label({text: "Created On"}),
          template: new sap.ui.commons.TextView().bindProperty("text", "createDate"),
          sortProperty: "createDate",
          filterProperty: "createDate",
          width: "100px"
      }));
  
      oTable.addColumn(new sap.ui.table.Column({
          label: new sap.ui.commons.Label({text: "Case Type"}),
          template: new sap.ui.commons.TextView().bindProperty("text", "caseType"),
          sortProperty: "caseType",
          filterProperty: "caseType",
          width: "100px"
      }));
  
      oPanelTable.addContent(oTable);
  
      oPanelButtons.placeAt("casemanagement.Home.Home");
      oPanelTable.placeAt("casemanagement.Home.Home");
  },
  </code></pre>