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

sapui5 VizFrame with responsive grid variable width/span


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">
        <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%">
    <l:GridData span="L12 M12 S12" />

but without success.

Here is the coding in a plnkr