Стиль опроса

Веб-сайт Survey123предоставляет инструменты настройки представления опроса, чтобы обратить на него внимание пользователей. Можно изменить информацию об опросе, представленную в галерее, заголовок, видимый при открытии опроса и цвета и стили вашего опроса, чтобы сделать его визуально уникальным. Также можно вставить в опрос медиа и добавить форматирование HTML.

Изменение образца, заголовка, описания и тегов

Образец и название опроса имеют важное значение для того, чтобы визуально отличать ваши опросы на веб-сайте Survey123 в галерее полевых приложений . Это особенно важно, если вы создаете несколько опросов для собственного пользования, или когда полевые команды скачивают более одного опроса.

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

При редактировании опроса на веб-сайте Survey123 можно изменить имя вашего опроса, щелкнув на заголовок текущего опроса на панели навигации.

Чтобы изменить значок, теги и краткую информацию для элемента опроса, откройте диалоговое окно Изменить информацию опроса на странице Мои опросы в правом нижнем углу карточки опроса. Вы также можете отредактировать значок, теги и краткую информацию в ArcGIS Online или ArcGIS Enterprise.

Задайте описание, верхний и нижний колонтитул опроса

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

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

Верхний колонтитул может содержать текст или изображение. Максимальная ширина изображения 680 пикселов.

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

Нижний колонтитул опроса может содержать текст и URL.

Использование в опросе изображений

Использование изображений в опросах может быть полезным во многих отношениях. Они не просто являются украшением опроса; изображения помогают пользователям в выборе определяющей информации при заполнении. Наличие изображений в опросах может помочь с созданием визуальных идентификаций или оценок.

Кнопка Вставить изображение доступна при редактировании заголовка вашего опроса, описания, любого вопроса Примечания, а также пользовательской темы опроса и экрана "Спасибо". После нажатия этой кнопки вы можете либо указать URL-адрес изображения, размещенного в интернете, либо загрузить изображение, сохраненное на вашем устройстве. Вы также можете предоставить текст alt, чтобы помочь в доступности вашего опроса. При использовании изображений, размещенных в интернете, убедитесь, что изображение является общедоступным. Если вы ссылаетесь на изображение, размещенное ArcGIS Online или ArcGIS Enterprise и связанное с открытым интернетом, URL должно быть формата https://<org_url>/sharing/rest/content/items/<item_id>/data.

Примечание:

Возможность предоставления локально сохраненного изображения отключена при использовании веб-сайта Survey123 с ArcGIS Enterprise.

Стили и настройка

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

На вкладке Оформление на панели разработки можно управлять визуальными элементами опроса.

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

Раздел Тема на вкладке Оформление

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

Плитка Тема из существующего опроса слева от пользовательской темы позволяет использовать тему из другого опроса вашей организации. Эта тема может быть дополнительно настроена с помощью опций Редактировать тему . Кнопка Выбрать из другого опроса появится в нижнем правом углу после того, как нужный опрос будет выбран, она позволит вам выбрать другой существующий опрос.

Примечание:

При редактировании оформления опросов, опубликованных в Survey123 Connect, панель дизайна отобразит предварительный просмотр опроса вместо актуального опроса. Вы также не сможете редактировать текст заголовка и нижнего колонтитула опроса.

Цвета страниц, групп и повторов

Вы можете задать цвет для групп, страниц и повторов независимо от общего стиля опроса, добавив параметры backgroundColor и borderColor в столбец body::esri:style. Цвета могут быть заданы стандартными названиями цветов HTML или шестнадцатеричными цветовыми кодами. Они могут быть указаны как константа или как ссылка в вопросе. При указании нескольких значений они разделяются пробелом, например:

backgroundColor=LightCyan borderColor=#483D8B

Примечание:

Параметры backgroundColor и borderColor не поддерживаются веб-приложением Survey123.

Стиль сетки не поддерживается для групп borderColor.

Формат HTML

Можно использовать HTML-форматирование в подписях вопроса и в подписях в списках выбора. Применение форматов в этом тексте может помочь привлечь внимание к важной информации. Поддерживаются следующие форматы HTML:

ТегАтрибут

a

href, style

abbr

title

audio¹

autoplay, controls, loop, muted, preload

b, strong, i, em, u, ul, ol, li, tbody, br, hr

dd, dl, dt

style

div¹

style, align

figcaption

style

figure

style

font

size, color, style

h1, h2, h3, h4, h5, h6

style

img

src, width, height, border, alt, style

p

style

source¹

media, src, type

span

style

sub

style

sup

style

table

width, height, cellpadding, cellspacing, border, style

td, th

height, width, valign, align, colspan, rowspan, nowrap, style

tr

height, valign, align, style

video¹

autoplay, controls, height, loop, muted, poster, preload, width

¹Поддерживаются только в веб-приложении Survey123.

Примечание:

Ссылки в подписях вариантов не работают в веб-приложениях Survey123 в следующих ситуациях:

  • Если в Survey123 Connect задан тип оформленияiminimal или autocomplete
  • При использовании вопроса типа ранг в Survey123 Connect.
  • При использовании вопросов типа Ниспадающий список и Ранг в веб-дизайнере Survey123

По умолчанию создается гиперссылка с HTML-форматированием и открывается в веб-приложении Survey123 на той же вкладке, что и отчет. А чтобы открыть эту ссылку в новой вкладке, добавьте target="_blank" к тегу a href, например:

<a href="https://www.esri.com" target="_blank">Link to Esri website</a>

Форматирование HTML не будет отображаться в следующих областях веб-формы:

  • Обязательные и ограничивающие сообщения
  • Надписи выбора из вопроса внешнего выбора или внешнего варианта
  • Надписи выбора, если для порядка выбора задан случайный порядок

Завершающий опрос экран

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

Вы можете добавить на завершающий опрос экран ссылку, которая повторно откроет только что отправленный ответ на опрос в режиме редактирования или просмотра. Эти встроенные ссылки используют динамический параметр globalId, чтобы открыть ответ и позволяют пользователю редактировать и повторно отправлять его или просматривать его в режиме "только для чтения". Щелкните кнопку Ссылка в редакторе завершающего опрос экрана, чтобы добавить ссылку. Щелкните кнопку Использовать ссылку опроса, чтобы добавить отформатированный URL для редактирования или просмотра ответа опроса.

Добавление ссылок на режим редактирования и режим просмотра на завершающем опрос экране

Вы можете разрешить пользователям отправлять новый ответ, либо предоставив ссылку на завершающем опрос экране, по которой пользователи могут щелкнуть, чтобы перезагрузить опрос, либо путем автоматической перезагрузки опроса после указанной задержки. Кроме того, вы можете выполнить автоматическое перенаправление на назначенный URL-адрес. Значение задержки по умолчанию - 3 секунды. Если для задержки установлено значение 0, экран благодарности не отображается после завершения опроса, а перенаправление происходит сразу после завершения опроса. Перенаправление URL игнорируется, если опрос выполняется с использованием iframe.

Параметр URL autoReload имеет приоритет над задержкой, установленной в веб-дизайнере Survey123.

Для опросов, разработанных в Survey123 Connect, вы также можете настроить завершающий опрос экран, используя специальный вопрос типа Примечания в XLSForm. Более подробную информацию см. в разделе Настройка элементов формы.