Skip to Content
avatar image
Former Member

Tile Container Not Displaying in sap.m.page

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.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

5 Answers

  • Best Answer
    Oct 15, 2015 at 11:27 PM

    Hi James,

    Hope this helps - JS Bin - Collaborative JavaScript Debugging

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      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.

  • Oct 16, 2015 at 11:28 AM

    Hi James,

    Will this help? JS Bin - Collaborative JavaScript Debugging

    Regards,

    Sai Vellanki.

    Add comment
    10|10000 characters needed characters exceeded

  • Oct 16, 2015 at 01:50 AM

    Hi James

    you have to add this to property to the page.

    enableScrolling: false

    Thanks

    -D

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 16, 2015 at 05:45 AM

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

    Add comment
    10|10000 characters needed characters exceeded

  • Oct 16, 2015 at 01:26 PM

    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

    Add comment
    10|10000 characters needed characters exceeded