title: UI5 MatrixLayout with 2 columns in XML View
body: <p>I try to make a MatrixLayout with 1 colum containing 2 lines of text and 1 column with a line of text and an Icon.</p>
  
  <p>At the moment it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/QHCsr.png" alt="MatrixLayout"></p>
  
  <ol>
  <li><p>Problem: The Icon is floated to the right of the text element, but should bbe positioned under the text. Why is this?</p></li>
  <li><p>Problem: The columns widths are 50% / 50%, I need them to be 30% / 70%. I tried to set the property "widths" for the MatrixLayout, but in my XML view I cannot set them like <code>widths="[30%, 70%]"</code>because then console says: </p></li>
  </ol>
  
  <blockquote>
    <p>Uncaught Error: "[30%, 70%]" is of type object, expected sap.ui.core.CSSSize[] for property "widths" of Element sap.ui.commons.layout.MatrixLayout#__layout1</p>
  </blockquote>
  
  <p>The snippet from the view:</p>
  
  <pre><code>&lt;layout:MatrixLayout 
                              layoutFixed="false"
                              columns="2"
                              width="100%"
                              widths="10%, 90%"
                              &gt;
                              &lt;layout:MatrixLayoutRow&gt;                            
                              &lt;layout:cells&gt;
                                  &lt;layout:MatrixLayoutCell&gt;
                                      &lt;Text width="80%" maxLines="1" clampHeight="1" text="lululajksdhkajsdh askdahksdhahsdjkahjksdhasd kjahsdkjahsdhasjkdhasjd "&gt;
                                      &lt;/Text&gt;
                                      &lt;Text width="80%" maxLines="1" clampHeight="1" text="lululajksdhkajsdh askdahksdhahsdjkahjksdhasd kjahsdkjahsdhasjkdhasjd "&gt;
                                      &lt;/Text&gt;
                                  &lt;/layout:MatrixLayoutCell&gt;
                                  &lt;layout:MatrixLayoutCell&gt;
                                      &lt;Text width="80%" maxLines="1" clampHeight="1" text="lululajksdhkajsdh askdahksdhahsdjkahjksdhasd kjahsdkjahsdhasjkdhasjd "&gt;
                                      &lt;/Text&gt;
                                      &lt;core:Icon src="sap-icon://add"&gt;&lt;/core:Icon&gt;
                                  &lt;/layout:MatrixLayoutCell&gt;
                              &lt;/layout:cells&gt;                 
                              &lt;/layout:MatrixLayoutRow&gt;
                           &lt;/layout:MatrixLayout&gt;
  </code></pre>
  
  <p>What do I do wrong? Thanks..</p>