Hi Experts!
I have a View, App.view.js, with IconTabFilter inside, the IconTabFilter has the content: xml view, Revenue.view.xml, with sap.viz.ui5.Column.
So, my problem is when I am running it on mobile, I want to scroll the view and when I press on the chart the scrollBar appears in the chart and I can't scroll the page, It happens on the device and ChromeDeveloperTools.
As you can see in the picture:
I want to lock the scroll in the chart and pass the scroll event to the parent, I tried to use the sap.m.ScrollContainer, but the problems is still present.
**App.view.js:**
sap.ui.jsview("x.Kpi.view.App", {
getControllerName: function() { return "x.Kpi.controller.App";
},
createContent: function(oController) { var revenueTabFilter = new sap.m.IconTabFilter(this.createId("idRevenueTabFilter"), { content: [new sap.ui.view({ id: "idRevenueView", viewName: "x.Kpi.view.Revenue", type: sap.ui.core.mvc.ViewType.XML, width: "100%", height: "100%" })] }); var tabBar = new sap.m.IconTabBar("idIconTab"); tabBar.addItem(revenueTabFilter); return new sap.m.App({ pages: [ new sap.m.Page({ enableScrolling: true, content: tabBar }) ] });
}
**Revenue.view.xml****Revenue.view.xml**<mvc:View controllerName="x.Kpi.controller.Revenue" xmlns:mvc="sap.ui.core.mvc" xmlns:ui5="sap.viz.ui5"><ui5:Column id="idVizFrame1" width="100%"></ui5:Column></mvc:View>
Thanks!