Skip to Content
avatar image
Former Member

why index.html class=“… sapUiMedia-Std-????”

my index.html [class="sap-phone sapUiTheme-sap_belize sap-ios sapUiMedia-Std-Tablet sapUiMedia-StdExt-Tablet"] in iphone, but demo is [class="sap-tablet sap-desktop sap-combi sapUiTheme-sap_belize sapUiMedia-Std-Phone sapUiMedia-StdExt-Phone"]. why my "sapUiMedia-Std-Tablet" is not "sapUiMedia-Std-Phone"?

<!DOCTYPE html >
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <title>ToolPage</title>
    <script id="sap-ui-bootstrap" src="../openui5/resources/sap-ui-core.js" data-sap-ui-theme="sap_belize" data-sap-ui-libs="sap.m, sap.tnt"
        data-sap-ui-compatVersion="edge" data-sap-ui-preload="async">
    </script>
    <script>
        sap.ui.getCore().attachInit(function () {
            new sap.tnt.ToolPage({
                header: new sap.tnt.ToolHeader("", {
                    content: [
                        new sap.m.Button("", {
                            icon: "sap-icon://menu2",
                            type: sap.m.ButtonType.Transparent,
                            layoutData: new sap.m.OverflowToolbarLayoutData("", {
                                priority: sap.m.OverflowToolbarPriority.NeverOverflow
                            }),
                        })
                    ]
                })
            }).placeAt("content");
        });
    </script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>
Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

2 Answers

  • avatar image
    Former Member
    Mar 02, 2017 at 01:50 AM
            sap.ui.getCore().attachInit(function () {
                new sap.m.App({
                    pages: new sap.tnt.ToolPage({
                        header: new sap.tnt.ToolHeader("", {
                            content: [
                                new sap.m.Button("", {
                                    icon: "sap-icon://menu2",
                                    type: sap.m.ButtonType.Transparent,
                                    layoutData: new sap.m.OverflowToolbarLayoutData(
                                        "", {
                                            priority: sap.m.OverflowToolbarPriority
                                                .NeverOverflow
                                        }),
                                })
                            ]
                        }),
                        sideContent: new sap.tnt.SideNavigation("", {
                            item: new sap.tnt.NavigationList()
                        })
                    })
                }).placeAt("content");
            });
    

    add sap.m.App to index.html, then problem solved.

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Mar 02, 2017 at 01:50 AM
            sap.ui.getCore().attachInit(function () {
                new sap.m.App({
                    pages: new sap.tnt.ToolPage({
                        header: new sap.tnt.ToolHeader("", {
                            content: [
                                new sap.m.Button("", {
                                    icon: "sap-icon://menu2",
                                    type: sap.m.ButtonType.Transparent,
                                    layoutData: new sap.m.OverflowToolbarLayoutData(
                                        "", {
                                            priority: sap.m.OverflowToolbarPriority
                                                .NeverOverflow
                                        }),
                                })
                            ]
                        }),
                        sideContent: new sap.tnt.SideNavigation("", {
                            item: new sap.tnt.NavigationList()
                        })
                    })
                }).placeAt("content");
            });
    

    add sap.m.App to index.html, then problem solved.

    Add comment
    10|10000 characters needed characters exceeded