Не показывать боковое меню на некоторых панелях

Question

Есть ли способ не использовать боковое меню на некоторых панелях в интерфейсе приложений Intel Framework 2.0? У меня есть боковое меню, определенное через <nav> тег, но я хочу отобразить его только на определенных панелях.

Answer 1

Чтобы иметь различную навигацию для каждой панели, вы можете использовать атрибут данных "nav":

<nav id="nav1"> ... </nav>
<nav id="nav2"> ... </nav>

<div id="content">
    <div id="panel1" class="panel" data-nav="nav1"> ... </div>
    <div id="panel2" class="panel" data-nav="nav2"> ... </div>
</div>

Он будет переключаться между двумя панелями навигации при переключении между панелями. Обратите внимание, что первый в разметке /DOM становится по умолчанию, если вы не укажете data-nav="none" который будет "скрывать" навигацию для этой панели. Проблема, с которой я столкнулся, заключается в том, что если вы находитесь на планшете или больше, медиазапросы по-прежнему будут заполнять пространство, в котором навигационная система отображается синим столбцом.

Вам придется отключить эту часть в JavaScript, используя $.ui.disableSideMenu(); вызов функции (вы можете восстановить его с помощью $.ui.enableSideMenu();).

Вы также можете использовать атрибуты данных, чтобы указать, какой нижний колонтитул и верхний колонтитул будут отображаться для каждой панели. Тем временем вы можете оставить эти атрибуты для панелей, которые будут использовать значения по умолчанию.

http://app-framework-software.intel.com/documentation.php

Answer 2

Вы можете использовать любой из вариантов, как, $.ui.disableSideMenu(); или же $.ui.slideSideMenu=false; или же data-nav="none" на панелях вы не хотите, чтобы он видел боковую панель.

Answer 3

Использование data-nav="none" на панелях вы не хотите, чтобы он появился.