Выпадающее меню

Выпадающее меню отображает на странице или форме приложения Кнопку, при нажатии на которую раскрывается меню с добавленными действиями. Эти действия настраиваются при помощи Сценария.

Чтобы разместить виджет, перетащите его с правой панели дизайнера интерфейсов на поле для моделирования или нажмите кнопку +Виджет. Подробнее читайте в статье «Шаблон формы». Затем выполните настройку в открывшемся окне.

Вкладка «Основные»

  • Показывать содержимое в конструкторе — включите опцию, чтобы содержимое виджета отображалось на поле для моделирования;
  • Расположение* — настройте расположение выпадающего меню относительно кнопки;
  • Размер окна* — выберите размер выпадающего меню.

Вкладка «Системные»

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

д. Подробнее об этом читайте в статье «Системные настройки виджетов».

Для завершения настройки нажмите на кнопку Сохранить.

Настройка содержимого

После настройки виджета необходимо добавить пункты меню, которые будут отображаться при нажатии на кнопку. Для этого нажмите кнопку +Добавить элемент меню и выполните настройку.

  • Название* — укажите название пункта меню;
  • Событие при нажатии — задайте событие, которое произойдет, когда пользователь нажмет на пункт меню. К примеру, изменится статус элемента приложения. Для этого нужно добавить соответствующий сценарий. Нажмите кнопку Создать, введите название сценария и нажмите Открыть. Откроется вкладка Сценарии, где вы сможете прописать необходимый сценарий. Подробнее об этом читайте в статье «Сценарии в виджетах».

Кроме того, вы можете изменить настройки Кнопки и переименовать её, нажав на значок шестеренки рядом с её названием.

После выполнения всех настроек нажмите кнопки Сохранить и Опубликовать на верхней панели конструктора интерфейсов.

Пример

В примере виджет Выпадающее меню добавлен на форму просмотра приложения Заказы. Название Кнопки изменено на «Применить скидку». В настройках пунктов меню добавлены сценарии изменения значения поля Стоимость. К сумме заказа применяется скидка 10% или 15%. Результат применения сценария отображается в поле Стоимость со скидкой.  

tabs.html drop-down.html

Была ли статья полезной?

ДаНет

Выберите вариантРекомендации не помоглиТекст трудно понятьНет ответа на мой вопросСодержание статьи не соответствует заголовкуДругая причина

Нашли опечатку? Выделите текст, нажмите ctrl + enter и оповестите нас

Как создать выпадающее меню в REG.

Site

Не всегда все пункты меню можно уместить в основное горизонтальное меню. Поэтому в шапку страницы помещают только крупные категории, а подкатегории находятся в раскрывающемся меню. В этой статье мы покажем вам, как настроить такое меню в REG.Site. Как создать основное меню мы описали в статье Как создать меню в шапке сайта в REG.Site.

Для примера создадим вот такой раскрывающийся блок:

Обратите внимание! Перед тем как создавать меню, нужно настроить страницы, записи и рубрики, на которые будут ссылаться пункты выпадающего меню.

Чтобы создать выпадающее меню:

  1. 1.

    Перейдите в админку WordPress.

  2. 2.

    Перейдите во вкладку Внешний видМеню.

  3. 3.

    В блоке «Страницы» выберите те страницы, которые хотите поместить в раскрывающийся блок.

  4. 4.

    Нажмите Добавить в меню:

  5. 5.

    С помощью мыши перенесите добавленные пункты под основную категорию.

    Совет. В настройках можно делать несколько уровней дочерних элементов:

  6. 6.

    Нажмите Сохранить меню:

  7. 7.

    Перейдите в режим редактирования страницы. Раскрывающийся блок должен отобразиться в основном меню.

  8. 8.

    Настройте внешний вид раскрывающегося блока. Он редактируется в рамках настройки модуля «Меню». Обратим внимание только на те параметры настройки, которые касаются только раскрывающегося меню. Всё остальное настраивается вместе с основным меню.

Настройки раскрывающегося блока находятся во вкладке «Дизайн».

В блоке «Макет» настройте Направление выпадающего меню.

Совет. Если вы делаете выпадающее меню в шапке, выбирайте направление «вниз», так как направление «вверх» уведёт меню за пределы экрана и пользователь не сможет им воспользоваться.

В блоке «Ссылки выпадающего меню» можно настроить такие элементы выпадающего меню, как:

  • фон,
  • цвет разделительной линии между основным и дополнительным меню,
  • цвет текста,
  • цвет активной ссылки,
  • цвет фона меню мобильной версии сайта,
  • цвет текста на мобильной версии сайта.

Обратите внимание! Если вы не укажете цвета в параметрах «Мобильные Меню Цвет Фона» и «Цвет текста мобильного меню», в мобильной версии будут отображать цвета, которые настроены для ПК.

В блоке «Анимация» можно настроить, как будет проявляться меню при наведении на основную категорию.

Готово, вы создали выпадающее меню.

Помогла ли вам статья?

Да

1 раз уже
помогла

Что такое выпадающее меню?

Обновлено: 30.11.2020, автор: Computer Hope

В графическом пользовательском интерфейсе компьютера раскрывающееся меню — это меню, предлагающее список параметров. Всегда отображается заголовок меню или текущий выбранный элемент в списке. При щелчке видимого элемента другие элементы из списка «раскрывающиеся» отображаются для просмотра, и пользователь может выбирать из этих параметров.

Например, многие программы имеют раскрывающееся меню «Файл» в верхнем левом углу экрана. При нажатии на текст «Файл» создается новое меню с дополнительными параметрами.

  • Выпадающие меню в HTML.
  • Выпадающие меню в окне программы.
  • Как выбрать раскрывающееся меню с помощью клавиатуры.
  • Какую клавишу нажать, чтобы закрыть раскрывающееся меню?
  • Что происходит, когда вы выбираете элемент в раскрывающемся меню?
  • Какой значок щелкнуть, чтобы активировать раскрывающееся меню?
  • Должен ли я использовать «раскрывающееся меню» или «раскрывающееся меню» в письменной форме?
  • Связанная информация.

Выпадающие меню в HTML

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