完全隐藏 SideNavigation答案

【问题标题】：Completely hide SideNavigation完全隐藏 SideNavigation
【发布时间】：2019-07-22 14:27:54
【问题描述】：

我在我的应用程序中使用sap.tnt.SideNavigation。我还发现了如何折叠它以便只显示图像。但这还不够。我想完全隐藏侧面导航。让整个屏幕都充满了内容。

谢谢

【问题讨论】：

您确实应该发布一些代码，以便我们提供帮助。例如，您的根视图是什么以及您的控制器的外观如何。
抱歉忘记了链接 The Viewlink The Controller link

标签： sapui5 slide

【解决方案1】：

希望这会对您有所帮助，如果有人有适当的解决方案，请分享。

使用 CSS 你可以实现它，你需要将你的自定义类添加到 sap.tnt.SideNavigation 以便下面的 CSS 不应该覆盖默认的 CSS。

.yourCustomClass.sapTntSideNavigation.sapTntSideNavigationNotExpandedWidth {
    margin-left: -50px;
}

.yourCustomClass.sapTntSideNavigation,
.yourCustomClass.sapTntSideNavigation.sapTntSideNavigationNotExpandedWidth {
    transition: 1s;
}

【讨论】：

是的，这有助于不再显示侧面导航。现在我试图弄清楚如何覆盖 .sap-desktop .sapTntToolPageAsideCollapsed .sapTntToolPageAside + .sapTntToolPageMain 的 padding-left: 3rem ，因为这会导致侧面导航所在的空白。
找到了一个肮脏的解决方案。我将此添加到 index.html ``` ```
你不能只检索控件并使用方法setVisible(false)吗？
嗯，你是对的，这将做一些类似于 inizios 样式代码所做的事情。但它的缺点是您必须手动将其转换为可见。并且空白也将持续存在。