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

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

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

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

Настройки

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

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

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

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

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

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

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

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

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

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

Шаблоны

Для настраиваемых окон есть следующие готовые шаблоны:

  • Пустое окно — это пустой шаблон.
  • Подтверждение - это готовый шаблон с подтверждением закрытия, он предназначен для ресурсов, требующих проверки или согласия для продолжения.
  • Предупреждение -- шаблон, позволяющий пользователю принять или отказаться от сообщения.
  • Простой и 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