Sapui5 完全隐藏侧导航

我正在我的应用程序中使用

sap.tnt.SideNavigation

。我还发现了如何折叠它，以便只显示图像。但这还不够。我想完全隐藏侧面导航。使整个屏幕充满内容

---

谢谢

希望这会对您有所帮助，如果有合适的解决方案，请与我们分享

使用CSS您可以实现它，您需要将自定义类添加到

sap.tnt.SideNavigation

，这样下面的CSS就不会覆盖默认的CSS

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

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

---

你真的应该发布一些代码，这样我们可以提供帮助。你的根视图是什么？你的控制器是什么样子的？例如，对不起，放弃了链接视图控制器是的，这有助于不再显示侧导航。现在我试图找出如何覆盖

.sap desktop.sapttoolpageasidecollapsed.sapttoolpageasidecollapsed.sapttoolpageaside+.sapttoolpagemain

的左侧填充：3rem，因为这会导致侧边导航出现空白。找到一个脏的解决方案。我将其添加到index.html```.hideSide.saptnsidenavigation.saptnsidenavigationnotexpandedwidth{margin left:-50px；}.hidesideside.saptnsidenavigation.saptnsidenavigation.saptnsidenavigationnotexpandedwidth{transition:1s；}.sap desktop.sapttoolpageasidecollapsed.sapttoolpageasidecollapsed+.sapttoolpagemain.sap tablet.sapttoolpageasidecollapsed.sapttoolpageasidecollapsed+.sapttoolpagemain{padding left:0rem}``您不能检索控件并使用方法

setVisible（false）

？嗯，你是对的，这将做一些类似于iOS风格代码的事情。但它有一个缺点，那就是你必须手动调整它。空白也将持续存在。