Добавление окон

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

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

Окна группируются по двум категориям - фиксированные и закрепленные. Вы можете навести курсор на окно в панели и щелкнуть Установить как окно приветствия, если окно еще не подключено для открытия вместе со страницей. Чтобы изменить имя окна, продублировать его или удалить, нажмите кнопку окна Дополнительные опции и выберите Переименовать, Дублировать или Удалить. Когда вы добавляете новое окно, его надпись следует правилам непрерывной нумерации. Например, дублирование Окна 1 даст Окно 2 или Окно 3, если Окно 2 уже есть. Для фиксированных окон (кроме окна заставки), имя окна также используется в URL-адресе интерфейса. (Если вы изменили название окна после публикации, использованный ранее URL по-прежнему будет действовать.)

Используйте следующие опции для управления окнами в приложении:

• Окна приветствия, которые открываются вместе с приложением, можно настроить на панели Окно. Наведите курсор на окно в разделе Фиксированные окна (кроме тех, которые настроены на открытие вместе со страницей) и щелкните кнопку Установить как окно приветствия. В веб-интерфейсе может быть только одно окно приветствия.
• Чтобы окно открывалось вместе со страницей, перейдите в настройки Страницы и выберите фиксированное окно в меню Открывать с окном. Окно, заданное как приветственное, не появится в списке опций. Когда окно настроено на открытие вместе со страницей, значок Открывается со страницей отображается рядом с ним на панели Окно. Наведите курсор на значок, чтобы увидеть имя подключенной страницы. Окна страниц открываются в веб-интерфейсе только один раз, если только пользователь не обновляет страницу браузера.
• Настройте опцию Задать ссылку, чтобы открывать окно, используя параметры виджета. В окне виджета Задать ссылку, для параметра Ссылка выберите Окно, затем выберите Закрепленное или Фиксированное окно (кроме окон приветствия). Окна, запускаемые виджетами, открываются каждый раз, когда пользователь щелкает виджет.

Настройки

Окно имеет следующие параметры конфигурации:

• Режим
  • Фиксированное - отображается в фиксированном положении.
  • Закрепленное - отображается рядом со связанным виджетом.

  Примечание:

  Вы можете изменить режим окна в настройках; однако из-за различных механизмов активации фиксированных окон, которые заданы как окна приветствия или соединены со страницей, вы не можете изменить их режим на закрепленный (и наоборот).

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

  Примечание:

  Когда в окне применяется пользовательская компоновка для устройств со средним или маленьким экраном, вы можете настроить положение, размер и компоновку окна. Значки в настройках положения и размера указывают, к какому размеру экрана (большому, среднему и маленькому) применяется данная конфигурация.

• Блокировать страницу — запретить пользователю щелкать или иным образом взаимодействовать с другими частями приложения, пока окно активно. Эти настройки доступны только для фиксированных окон.
  • Цвет маски - выберите цвет маски, которая заполняет пространство вокруг окна.
• Опции закрытия
  • Закрытие окна щелчком за его пределами - позволяет пользователям закрыть окно при щелчке в любом месте вне его.

    Примечание:

    Если вы отключите Блокировать страницу для фиксированного окна, этот параметр будет недоступен.

  • Интерактивное (только в фиксированном режиме) - добавляется взаимодействие в нижней части окна.
    • Стиль — выберите компоновку для окошка для отметки и кнопки.
    • Тип — выберите тип взаимодействия для окна.
      • Подтверждение — пользователю необходимо подтвердить закрытие окна. Это ограничение применяется ко всем способам закрытия. Этот тип взаимодействия показывает окно один раз по умолчанию, если только вы не включите настройку Всегда показывать это окно.
      • Опция "Больше не показывать" - Конечные пользователи устанавливают эту отметку в окне, чтобы предотвратить его повторное открытие. Они могут закрыть окно, устанавливая эту отметку или нет.

        Подсказка:

        Чтобы снова отобразить окно после установки отметки, снова сохраните данные и используйте предварительный просмотр, или заново опубликуйте их и просмотрите опубликованный элемент.

    • Текст отметки — укажите текст, появляющийся рядом с отметкой, и задайте его размер (в пикселах или rem).
    • Текст кнопки - укажите текст, появляющийся на кнопке (если требуется), и задайте его размер (в пикселах или rem).
  • Также можно добавить виджет кнопки в окно, для его закрытия. Используйте Задать ссылку в настройках кнопки, чтобы связать кнопку со страницей для ее закрытия. Если необходимо задать открытие одного окна из нескольких страниц, или настроить несколько кнопок на разных страницах, связанных с одним окном, связь с одной определенной страницей в этом случае не удобна, поэтому можно задать ссылку на текущую страницу, чтобы вернуться на страницу, открывающую окно.

    Примечание:

    Хотя вы можете установить кнопки в окне для связи с другим окном в приложении, это не рекомендуется делать.

• Анимация - добавление анимации для окна и содержащегося в нем виджета.
• Фон – выберите цвет или изображение заливки для фона кнопки. Используйте кнопку Быстрый стиль, чтобы выбрать предварительно настроенный дизайн, который подходит к теме приложения.
• Граница – выберите цвет, стиль и ширину для границ окна. Можно изменить значение радиуса закругления углов. Используйте кнопку Быстрый стиль, чтобы выбрать предварительно настроенный дизайн, который подходит к теме приложения.
• Тень окна - добавьте эффект тени вокруг окна. Используйте кнопку Быстрый стиль, чтобы выбрать предварительно настроенный дизайн или использовать следующие настройки:
  • Сдвиг по X – задайте горизонтальное расстояние для тени. Если указано отрицательное значение, то тень будет размещена слева от окна, если положительное - справа.
  • Сдвиг по Y – задайте вертикальное расстояние для тени. Если указано отрицательное значение, то тень будет размещена сверху от окна,если положительное - снизу.
  • Радиус размытия – примените эффект размытия для тени.
  • Радиус разброса – задайте размер тени.
  • Цвет – выберите цвет.

Шаблоны

Experience Builder предлагает следующие шаблоны окон:

• Шаблоны Фиксированный блокировщик подходят, если вы хотите заблокировать взаимодействие с остальной частью приложения до тех пор, пока пользователь не закроет окно.
  • Пустое окно — это пустой шаблон.
  • Подтверждение - это готовый шаблон с подтверждением закрытия, он предназначен для ресурсов, требующих проверки или согласия для продолжения.
  • Предупреждение -- шаблон, позволяющий пользователю принять или отказаться от сообщения.
  • Простой и Vogue - два разных шаблона для отображения или представления информации.
  • Novel предлагает компоновку со значком закрытия вне базового содержания.
  • Боковая панель - шаблон, по умолчанию располагающийся справа, и предназначенный для отображения длинного текста с вертикальной прокруткой.
  • Карусель - это шаблон для большого окна, чтобы отображать несколько изображений и ресурсов в циклическом виде.
  • Подробности - это шаблон для большого окна, в котором предоставляется дополнительная информация с помощью диаграммы, таблицы, списка, изображений, кнопок, а также опций публикации в социальных сетях.
• Шаблоны Фиксированный с транзитной передачей подходят, если вы хотите, чтобы пользователи взаимодействовали с окном параллельно с другими частями приложения.
  • Сноска появляется в нижней части компоновки приложения с плавающей анимацией.
  • Сведения об элементе появляются в правой части компоновки приложения с влетающей анимацией.
• Шаблоны Закрепленный подходят, если вы хотите добавить ссылку на окно в вилжет.
  • Подсказка инструмента подходит для предоставления дополнительной информации о связанном виджете, который может быть виджетом Кнопка или Изображение.
  • Шаги предназначены для отображения или представления информации в нескольких видах.

Параметры URL

Ниже приведен список параметров URL, которые можно использовать для управления поведением окон.

Открыть окно

Чтобы напрямую перейти к указанному активному окну, используйте dlg после ID или подписи окна.

https://experience.arcgis.com/experience/<AppId>/?dlg=Window-1

Фокус окна элементов управления

Чтобы встроить приложение Experience Builder с окнами приветствия или окнами страниц или фиксированными окнами без автоматического перехода приложения к этим окнам, используйте параметр disable_window_focus для управления этим поведением. Добавьте следующий URL-адрес на веб-страницу хоста, чтобы отключить поведение перехода. По умолчанию disable_window_focus имеет значение false.

https://experience.arcgis.com/experience/<AppId>/?disable_window_focus=true

Чтобы управлять фокусом для определенного окна, используйте dlg с последующим идентификатором окна или надписи и параметр disable_window_focus, как в следующем примере:

https://experience.arcgis.com/experience/<AppId>/?dlg=Window-1&disable_window_focus=true