Дизайнер ELMA > Интерфейсы > Типы компонентов > Основные / Выдвижная панель

Выдвижная панель

Компонент Выдвижная панель позволяет настроить в интерфейсе появление окна с дополнительной информацией. Это окно появляется при определенных условиях. Например, когда пользователь нажимает на элемент на форме, странице или портлете.

начало внимание

Работа с этим компонентом доступна только во втором рантайме. Подробнее об этом режиме читайте в Базе знаний.

конец внимание

Внутри выдвижной панели можно размещать другие компоненты (колонки, панели, вкладки и т. д.) и свойства. Ее можно добавлять внутрь компонентов. Для нее можно задать настройки.

Настройки

Окно настроек состоит из вкладок Основные, Дополнительные, События, Системные и Отображение.

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

На этой вкладке можно задать основные настройки компонента.

slide-out-panel-1

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

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

Только на чтение — определение, может ли пользователь редактировать данные в этом окне. Возможны следующие варианты:

form-settings-icon-2 — пользователь не может редактировать поля. Он сможет только просматривать введенные ранее данные.

form-settings-icon-3 — возможность редактировать поля будет наследоваться от настроек родительской формы, страницы, портлета или компонента.

Если флажок не установлен, пользователь может заполнять поля в этом окне.

Тип загрузки — способ загрузки выдвижной панели на форме, странице, портлете или в компоненте:

  • Синхронная — пользователь увидит все данные в появившемся окне, когда загрузятся все элементы родительской формы, страницы, портлета или компонента;
  • Ленивая — данные в окне загружаются после того, как отобразилась родительская форма, страница, портлет или компонент;
  • При отображении — данные в окне отобразятся в тот момент, когда пользователь увидит окно на форме, странице, портлете или компоненте, т. е. когда он откроет его.

Заголовок — название появившегося окна, которое пользователь видит в интерфейсе.

Расположение — способ появления окна в интерфейсе: Справа, Снизу, Слева, Сверху.

Размер компонента — ширина окна в интерфейсе: Маленький, Средний, Большой, На весь экран.

Скрывать по клику вне зоны компонента — окно будет закрываться, когда пользователь нажимает на любое место в интерфейсе вне этого окна. 

Затемнять при открытии — выделение окна и затемнение фона на экране, когда пользователь открывает окно.

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

Действие при закрытии — возможность задать действие, которое выполнится, когда пользователь закроет появившееся окно.

Вкладки «Дополнительные», «События», «Системные» и «Отображение»

Настройки на вкладках Дополнительные, События, Системные и Отображение аналогичны настройкам компонента Колонка. Подробнее о них читайте в статье «Колонка».

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

Чтобы применить настройки, сохраните форму или сохраните и опубликуйте страницу, портлет или пользовательский компонент при помощи кнопки form-builder-icon-4.

Важно: обратите внимание на рекомендации в Базе знаний по настройкам компонентов во втором рантайме.

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