Skip to Content
0
Jun 27, 2017 at 10:47 AM

sapui5 VizFrame with responsive grid variable width/span

444 Views

My app has a page with multiple vizFrames (pie or bar charts) side by side. They are wrapped in a grid using an XML View.

<l:Grid id="grid" defaultSpan="XL3 L4 M6 S12">
    <l:content>
        <viz:VizFrame id="idPie1" width="100%"></viz:VizFrame>              
        <viz:VizFrame id="idChart1" width="100%"></viz:VizFrame>
...

I want one of the VizFrame's to have a different SPAN than the default provided for the Grid. I tried

<viz:VizFrame id="idPie1" width="100%">
  <layoutData> 
    <l:GridData span="L12 M12 S12" />
  </layoutData>
</viz:VizFrame>

but without success.

Here is the coding in a plnkr