Hi All,
I am using scrollcontainer in one of my trainning programme.During which i am facing output which is not expected.
Please go through the code which is the view in MVC architecture.If i am removing the page it is working fine.But with page i am not getting exact output.I am attchning the output for referce.The part which i mentinoed in red color is where scroll container is working instead of entire page.Please help to resolve
sap.ui.jsview("panel.Panel", {
getControllerName : function() {
return "panel.Panel";
},
createContent : function(oController) {
var pan = new sap.m.Panel({
headerToolbar : new sap.m.Toolbar({content : [new sap.m.Button({text : "Hii"})],width : "100px"}),
content : [new sap.m.Text({text : "Hello"})],
expandable : true,
expanded : true,
height : "800px",
width : "900px",
expand : function(){
alert("pan");
}
});
var pan1 = new sap.m.Panel({
headerToolbar : new sap.m.Toolbar({content : [new sap.m.Button({text : "Hii1"})],width : "100px"}),
content : [new sap.m.Text({text : "Hello"})],
expandable : true,
expanded : true
});
var hbo = new sap.m.HBox({
items : [pan,pan1]
});
var pag1 =new sap.m.Page({
content : [hbo]
});
var schrlco = new sap.m.ScrollContainer({
vertical : true,
horizontal : true,
width : "100%",
height : "100%"
});
schrlco.addContent(pag1);
return (schrlco);
}
});