cancel
Showing results for 
Search instead for 
Did you mean: 

Tile Container Not Displaying in sap.m.page

Former Member
0 Kudos

I have a JSView (which is where the tile container is defined) and I have confirmed that my view works by changing "page" to "dashboard" on line 15 which results in a fully working tile container. Put that tile container in the sap.m.page and all I see is a header bar with a title. Even if change line 15 to "dashboard" again and move the "page" definition to my JSView its the same result.

In any instance mentioned here,  there are no errors in the JavaScript console.


            sap.ui.localResources("Views"); 

            var oApp = new sap.m.App("myApp", {});

          

            var dashboard = sap.ui.view({

            id:"dashboard",

            viewName:"Views.dashboard",

            type:sap.ui.core.mvc.ViewType.JS

            });

          

            var page = new sap.m.Page("page1", {

            title: "Work Item Stats Dashboard",

            content: dashboard

            });

          

            oApp.addPage(page);

            oApp.placeAt("content");

Can anyone help me please? Thanks in advance.

Accepted Solutions (1)

Accepted Solutions (1)

kedarT
Active Contributor
0 Kudos

Hi James,

Hope this helps - JS Bin - Collaborative JavaScript Debugging

Former Member
0 Kudos

No luck I'm afraid. I'm using standard tiles but I doubt that's got anything to do with why tile container isn't displaying.

Answers (4)

Answers (4)

karthikarjun
Active Contributor
0 Kudos

Hi James,

add this.setHeight("100%"); in your dashboard view

      this.setHeight("100%");

     sap.ui.localResources("view");   

  var dashboard = sap.ui.view({ 

            id:"dashboard", 

            viewName:"SAP_M_TileNav.view.V2", 

            type:sap.ui.core.mvc.ViewType.JS 

            });  

            

            var page = new sap.m.Page("page1", { 

            title: "Work Item Stats Dashboard", 

            content: [dashboard]

            });

            return page;

           

          

Thanks,

Karthik A

saivellanki
Active Contributor
0 Kudos

Hi James,

Will this help? JS Bin - Collaborative JavaScript Debugging

Regards,

Sai Vellanki.

Former Member
0 Kudos

Add brackets to the content property of the page: content : [dashboard]

former_member182862
Active Contributor
0 Kudos

Hi James

you have to add this to property to the page.

enableScrolling: false

Thanks

-D

Former Member
0 Kudos

I already have that from the code Kedar linked me, still isn't displaying.