SAPUI5 Mobile - Only Page Title Displayed

328 Views

Dear All,

Today I started, or maybe I would like to start, with a sample sapui5 app for mobile.

I already used sapui5 to develop a desktop app with no "big" problem.

I just created a new project "for mobile" and I added a sample button to the initial view. Below the really sample JS View code:

sap.ui.jsview("mobileTestApp.Home", {

getControllerName : function() {

return "mobileTestApp.Home";

},

createContent : function(oController) {

return new sap.m.Page({

title: "Title",

content: new sap.m.Button({ text: "button 1" })

});

}

});

When I run tha app on my local test server "http://localhost:8080/mobileTestApp/index.html?sap-ui-xx-fakeOS=android" only the page title is displayed, no button. The content page is totally black and not white as I expected.

The same result for "sap-ui-xx-fakeOS=ios" or "sap-ui-xx-fakeOS=blackberry"

If I inspect the html result code using firebug or something like that, the button tag is present but not displayed 🤯

If I create put the code to create the page and the button within a "script" tag in the index.html file, it works fine 🤯

I'm not able to understand this behaviour. What mistake did I make?

Thanks for your cooperation.

Regards,

Mirco