Добавление и подключение виджетов

Добавляйте виджеты функций и компоновки в приложения, созданные с помощью Experience Builder. Вы можете принять стили по умолчанию, либо настроить оформление и подключить виджеты к данным, другим виджетам или ссылкам для вашего интерфейса.

Вставка виджетов

Виджеты строки являются строительными блоками вашего приложения. Если вы не используете виджеты в различных доступных шаблонах для страниц, окон, групп экранов и блоков, вы можете добавить виджеты из панели Вставить виджет с помощью простого перенесения их. У виджетов Контроллер виджетов и Заполнитель, а также на панелях прокрутки в группе экранов есть кнопка Добавить виджет. Виджеты сгруппированы в шаблоны: базовые и компоновки. Базовые виджеты - это функциональные виджеты, которые могут работать как инструменты приложения, а виджеты компоновки - это контейнеры для организации виджетов на странице.

При добавлении и размещении виджетов см. интерактивный вид структуры для каждой страницы, который показывает иерархию виджетов для страницы и помогает организовать, выбирать и настраивать вложенные виджеты. Когда вы наводите курсор на виджет в контуре, соответствующий виджет подсвечивается на канве. В пределах рамки, щелкните виджет и щелкните кнопку Больше, чтобы открыть меню операций с виджетом, таких как переименование, дублирование, удаление, блокировка размещения и размера, закрепление, организация и выравнивание. Используйте стандартные сочетания клавиш для копирования/вставки (Ctrl+C и Ctrl+V в Windows; Cmd-C и Cmd-V на Mac) для копирования виджетов на страницах. Когда вы дублируете или копируете виджет, все его настройки сохраняются, кроме положения на странице. Перетаскивание виджетов на экран для перемещения и изменения их размера отображает линии замыкания или значения расстояний, которые помогают выровнять и точно расположить виджеты в фиксированной компоновке. Когда отображаются линии замыкания, соответствующие виджеты будут замкнуты вместе через все разрешение экрана.

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

Подключение виджетов

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

Некоторые виджеты поддерживают добавление действий, которые позволяют коммуникацию между виджетами. Например, действие в одном виджете запускает действие в другом виджете, так, при щелчке на объекте на карте обновятся детали, показанные в виджете Feature Info. Вы можете добавить действия с сообщениями для автоматического взаимодействия или действия с данными для доступа конечных пользователей во время выполнения из меню Действия. Комбинируйте инструменты и виджеты и подключайте их для дополнительной интерактивности. Помогите конечным пользователем перемещаться по вашему приложению, настроив ссылки на другой контент: страницы, окна и представления разделов.

Настройка ссылок

Вы можете добавить гиперссылку на свои ресурсы с помощью опции Задать ссылку, которая позволяет вам перенаправить пользователей на другую страницу, окно или представление раздела в вашем приложении, либо на другой веб-адрес. При прокрутке страниц вы можете настроить ссылки на виджеты для прокрутки до определенного блока на странице или возврата в верхнюю часть страницы. Настройку ссылок поддерживают следующие виджеты:

Настройки

При настройке ссылки вы можете выбрать следующие опции:

  • Страница – ссылка, которая ведет на другую страницу вашего приложения.
  • Вид – ссылка, которая ведет на указанное представление виджета Section.
  • Окно – ссылка, которая открывает в приложении определенное окно.
  • URL— ссылка, которая ведет на веб-адрес (введите URL, который начинается с https://).
  • Блок – ссылка, которая выполняет прокрутку на конкретный блок на той же странице прокрутки в вашем приложении. (Недоступно для виджета Текст.)
  • Наверх страницы – ссылка, выполняющая прокрутку наверх страницы. (Недоступна для виджета Текст.)

Вы также можете указать, где должен открываться связанный ресурс:

  • Окно приложения – связанные ресурсы открываются в текущем окне браузера, которое использует ваше приложение.
  • Поверх окон – связанные ресурсы открываются вне всех вложенных фреймов поверх остальных открытых окон.
  • Новое окно – связанные ресурсы открываются в новом окне браузера, при этом приложение останется открытым в другом окне.