cancel
Showing results for 
Search instead for 
Did you mean: 

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

former_member449093
Discoverer
0 Kudos

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>

Accepted Solutions (0)

Answers (2)

Answers (2)

former_member449093
Discoverer
0 Kudos
        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.

former_member449093
Discoverer
0 Kudos
        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.