Hi,
I would like to have ResponsiveGrid with xmlViews as content..the first row should always be full width and the second row should be the half of the width for large screens..I know how I would do this with Bootstrap, but no idea about how to achieve this with ui5? Any hints?
Large screen:
------------------------------------------------------------------------------------
| |
| 12 col - include xmlView1 |
| |
------------------------------------------------------------------------------------
| | |
| 6 col - inlcude xmlView2 | 6col - include xmlView3 |
| | |
-------------------------------------------------------------------------------------
Medium and small screens:
------------------------------------------------------------------------------------
| |
| 12 col - include xmlView1 |
| |
------------------------------------------------------------------------------------
| |
| 6 col - inlcude xmlView2 |
| |
-------------------------------------------------------------------------------------
| |
| 6col - include xmlView3 |
| |
-------------------------------------------------------------------------------------
My code looks like:
<l:Grid defaultSpan="L12 M12 S12" class="sapUiSmallMarginTop"> <l:content> <mvc:XMLView viewName="chart1"/> <mvc:XMLView viewName="chart2"> <layoutData> <l:GridData span="L6 M12 S12" /> </layoutData> </mvc:XMLView> <mvc:XMLView viewName="chart3"> <layoutData> <l:GridData span="L6 M12 S12" /> </layoutData> </mvc:XMLView> </l:content> </l:Grid>
However I get following error:
Uncaught Error: Cannot add direct child without default aggregation defined for control sap.ui.core.mvc.XMLView
Kind regards,
Filip