完全隐藏 SideNavigation

Question

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

谢谢

Answer 1

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

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

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

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