Skip to Content
author's profile photo Former Member
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 a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

5 Answers

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

    Hi James,

    Hope this helps - JS Bin - Collaborative JavaScript Debugging

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Oct 16, 2015 at 11:28 AM

    Hi James,

    Will this help? JS Bin - Collaborative JavaScript Debugging

    Regards,

    Sai Vellanki.

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Oct 16, 2015 at 01:50 AM

    Hi James

    you have to add this to property to the page.

    enableScrolling: false

    Thanks

    -D

    Add a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on Oct 16, 2015 at 05:45 AM

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

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on 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 a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.