Полностью скрыть SideNavigation

Я использую sap.tnt.SideNavigation в своем приложении. Я также узнал, как свернуть его, чтобы отображались только изображения. Но этого недостаточно. Я хочу полностью скрыть боковую навигацию. Чтобы весь экран был заполнен контентом.

Спасибо

вам действительно следует опубликовать код, чтобы мы могли помочь. Каков ваш корневой вид и как выглядит ваш контроллер, например.

— 28.02.2019 20:50

извините забыл ссылки The Viewссылка на сайт The Controller ссылка на сайт

— 01.03.2019 07:14

sapui5 slide

28.02.2019 16:58

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

133

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Надеюсь, это поможет вам, это всего лишь обходной путь, если у кого-то есть правильное решение, пожалуйста, поделитесь.

Используя CSS, вы можете добиться этого, вам нужно добавить свой собственный класс в sap.tnt.SideNavigation, чтобы ниже CSS не переопределял CSS по умолчанию.

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

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

да, это помогло, что боковая навигация больше не отображается. Теперь я пытаюсь выяснить, как переопределить padding-left: 3rem of .sap-desktop .sapTntToolPageAsideCollapsed .sapTntToolPageAside + .sapTntToolPageMain, так как это приводит к пробелу там, где была боковая навигация.

— 01.03.2019 14:09

нашел грязное решение. Я добавил это в тело index.html ``` <style type = "text/css" scoped> .hideSide.sapTntSideNavigation.sapTntSideNavigationNotExpa‌ndedWidth { margin-left: -50px; } .hideSide.sapTntSideNavigation, .hideSide.sapTntSideNavigation.sapTntSideNavigationNotExpa‌ndedWidth {transition: 1s; } .sap-desktop .sapTntToolPageAsideCollapsed .sapTntToolPageAside+.sapTntToolPageMain, .sap-tablet .sapTntToolPageAsideCollapsed .sapTntToolPageAside+.sapTntToolPageMain { padding-left: 0rem } </style> ```

— 01.03.2019 14:13

Разве вы не можете просто получить элемент управления и использовать метод setVisible(false)?

— 01.03.2019 14:43

хм, вы правы, это сделало бы что-то похожее на то, что делает код стиля inizios. Но у него есть недостаток, заключающийся в том, что вы должны сделать его видимым вручную. И пробел тоже останется.

— 01.03.2019 14:49

01.03.2019 13:43