title: Is there a better alternative to sap.ui.commons.layout.MatrixLayout?
body: <p>What's the best way to do a layout where the start content is fixed, the center is flex and the end content is fixed? Like a 100% wide HBox with three columns, first and last col are fixed and the center stretches?</p>
  
  <p>This is how I do it by now, can I avoid using <code>sap.ui.commons.layout.MatrixLayout</code>?</p>
  
  <pre><code>new sap.ui.commons.layout.MatrixLayout({
      layoutFixed: true,
      columns: 3,
      width: '100%',
      widths: [ '100px', '100%', '100px' ],
      rows: [
          new sap.ui.commons.layout.MatrixLayoutRow({
              cells : [
                  new sap.ui.commons.layout.MatrixLayoutCell({
                      content: new sap.m.Label({
                          text: 'start'
                      })
                  }),
                  new sap.ui.commons.layout.MatrixLayoutCell({
                      content: new sap.m.Label({
                          text: 'center'
                      })
                  }),
                  new sap.ui.commons.layout.MatrixLayoutCell({
                      content: new sap.m.Label({
                          text: 'end'
                      })
                  })
              ]
          })
      ]
  })
  </code></pre>
  
  <p>I tried to use <code>sap.ui.layout.HorizontalLayout</code>, but it does not stretch horizontally:</p>
  
  <pre><code>sap.ui.layout.HorizontalLayout({
      width: '100%',
      content: [
          new sap.m.Label({
              width: '100px',
              text: 'start'
          }),
          new sap.m.Label({
              width: '100%',
              text: 'center'
          }),
          new sap.m.Label({
              width: '100px',
              text: 'end'
          })
      ]
  })
  </code></pre>