Survey123 Connect Веб-сайт предоставляет инструменты настройки представления опроса, чтобы обратить на него внимание пользователей. Можно изменить информацию об опросе, представленную в галерее, заголовок, видимый при открытии опроса и цвета и стили вашего опроса, чтобы сделать его визуально уникальным. Также можно вставить в опрос медиа и добавить форматирование HTML.
Изменение образца, заголовка, описания и тегов
Образец и название опроса имеют важное значение для того, чтобы визуально отличать ваши опросы на веб-сайте в Survey123. Это особенно важно, если вы создаете несколько опросов для собственного пользования, или когда полевые команды скачивают более одного опроса.
Чтобы изменить миниатюру и другие свойства опроса выполните следующие действия:
- Открытие опроса в Survey123 Connect.
- Щёлкните вкладку Детали.
- Щелкните уменьшенное изображение, чтобы перейти к файлу изображения. Для лучшего результата используйте изображения размером 600x400 пикселов.
- Дополнительно введите текст заголовка, общие сведения и описание опроса.
Внесенные здесь изменения будут отражены в галерее опросов, а также в элементе формы опроса в вашей организации ArcGIS после публикации опроса.
Внимание:
Survey123 Connect требует, чтобы все файлы изображений, которые используются в качестве образцов, имели расширение файла в формате нижнего регистра. Расширения файла в верхнем регистре не распознаются Survey123 Connect, поэтому эти образцы не будут опубликованы в опросе.
Образец может отображаться некорректно, если имя файла содержит пробелы, символы или специальные знаки.
Чтобы добавить форматирование, ссылки или другие элементы форматированного текста к описанию опроса, рекомендуется использовать редактор описания для элемента формы в вашей организации ArcGIS. При редактировании каких-либо свойств элемента формы в вашей организации ArcGIS вы должны снова загрузить опрос в Survey123 Connect, чтобы увидеть изменения на вкладке Детали.
Создание заголовка опроса
Заголовок опроса появляется, когда вы открываете опрос из галереи. Он может содержать более подробное описание опроса. Заголовок опроса это не то же самое, что имя опроса, которое отображается в галерее.
Чтобы создать заголовок, достаточно ввести его текст в столбце form_title рабочей таблицы настроек.
Кроме того, вы можете определить заголовок опроса, включив в опрос вопрос-примечание с именем generated_note_form_title. Этот метод позволяет предоставить перевод заголовка и включить в заголовок значения из ответа на опрос с использованием синтаксиса ${question_name}. Более подробную информацию см. в разделе Настройка элементов формы.
Добавление медиа в опрос
Добавление медиа в опросах может быть полезным во многих отношениях. Они не просто являются украшением опроса; изображения или аудио помогают пользователям в выборе определяющей информации при заполнении. Наличие изображений в опросах может помочь с созданием визуальных идентификаций или оценок.
Для включения в опрос файлы изображения и аудио необходимо сохранить в папку медиа для опроса.
Вы можете добавить изображения к любому вопросу, включив точное имя файла изображения (включая расширение файла) в столбце media::image рабочего листа опроса. Поддерживаемые типы файлов включают BMP, GIF, JPC, JPE, JPEG, JPF, JPG и PNG. Для изображений GIF поддерживается анимация только в веб-приложении Survey123. Полевое приложение Survey123 также поддерживает изображения TIF и TIFF.
Аудиозаписи могут быть добавлены к любому вопросу путем добавления точного имени файла аудиозаписи (включая расширение) в столбце media::audio рабочего листа опроса. Поддерживаются следующие типы файлов MP3 и WAV. Дополнительные аудио форматы поддерживаются на определенных платформах. Например, проигрывание файлов M4A поддерживается в iOS. Если аудиозапись добавлена в опрос, кнопка будет активна на форме. Нажмите эту кнопку, чтобы прослушать аудио-файл.
Примечание:
Survey123 чувствителен к регистру. Убедитесь, что все ссылки на имена файлов и их расширения используют тот же регистр, что и сами файлы. Например, Tree.JPG не то же самое, что tree.jpg, и, если сослаться на первый файл, то изображение не отобразится в вашем опросе.
Изображения для вариантов в вопросах с несколькими вариантами ответов не поддерживаются веб-приложением Survey123 при использовании типа оформления minimal или autocomplete.
Используйте примечание вопроса, чтобы показать изображение или запустить аудио-клип, не привязанный к вопросу.
Добавление медиа в заметку
Чтобы добавить в опрос изображение выполните следующие шаги:
- Просмотрите предварительно опрос в Survey123 Connect.
- На панели инструментов внизу откройте вкладку Медиа.
- Щелкните Открыть папку медиа и добавьте файл изображения.
Файл появится на вкладке Медиа.
- В рабочей книге опроса добавьте вопрос типа примечание и введите имя файла изображения в столбец media::image.
В именах медиа учитывается регистр.
Изображение представлено в опросе в виде примечания. Выберите изображение, чтобы открыть его в полноэкранном режиме. Выберите кнопку Назад в верхнем левом углу, чтобы вернуться к опросу.
Добавление медиа в списки выбора
Вы также можете добавить изображения и аудио к вопросам с выбором ответов и выбрать вопросы со множеством ответов, чтобы получить больше информации от пользователей о каждом выборе.
Чтобы добавить медиа к вопросам с выбором ответа и выбрать вопросы со множеством ответов, выполните следующие шаги:
- Просмотрите предварительно опрос в Survey123 Connect.
- На панели инструментов внизу откройте вкладку Медиа.
- Щелкните Открыть папку медиа и добавьте файлы изображений и аудио.
Эти файлы появятся на вкладке Медиа.
- На рабочем листе вопросов с выбором ответов, добавьте вопрос в список и введите имя файла изображения в столбец media::image.
В именах медиа учитывается регистр.
- Введите имя аудио файла для вопроса с выбором ответа в столбце media::audio.
- Повторите шаги 4 и 5 для других вариантов выбора в списке.
Изображения и аудио отображаются рядом с вопросом с выбором ответов, что позволяет выбрать их и выбрать вопросы со множеством ответов, которые используют этот же список выбора.
Настройки стилей
Настройки стилей помогают контролировать цвета основных элементов опроса. Панель Стиль расположена справа на вкладке Форма.
Цвет текста и фона можно настроить для заголовка, тела, полей ввода и нижнего колонтитула опроса. Щелкните кнопку с палитрой и выберите цвет или введите шестнадцатеричный код цвета или имя цвета HTML в специально предусмотренное для этого поле. Кнопка контраста над полями цвета текста может дать указание на читаемость. Нажмите на кнопку, чтобы увидеть коэффициент контрастности между цветом текста и фона. Коэффициент ниже 4,5 использовать не рекомендуется, на что указывает красная кнопка контрастности.
Вы также можете использовать изображение в качестве фона вашего опроса. Выбранный вами в качестве фонового изображения файл будет скопирован в подпапку медиа вашей папки проекта.
Цвета страниц, групп и повторов
Вы можете задать цвет для групп, страниц и повторов независимо от общего стиля опроса, добавив параметры 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. Этот экран можно редактировать на вкладке Опции веб-дизайнера, и поддерживается редактирование форматированного текста, включая ссылки и изображения.
Примечание:
Для опросов, разработанных в Survey123 Connect, вы можете изменить завершающий опрос экран на вкладке Дизайн > Опции опроса на веб-сайте Survey123. Чтобы сохранить изменения, нажмите Опубликовать и подтвердите свое решение.Вы можете добавить на завершающий опрос экран ссылку, которая повторно откроет только что отправленный ответ на опрос в режиме редактирования или просмотра. Эти встроенные ссылки используют динамический параметр globalId, чтобы открыть ответ и позволяют пользователю редактировать и повторно отправлять его или просматривать его в режиме "только для чтения". Щелкните кнопку Ссылка в редакторе завершающего опрос экрана, чтобы добавить ссылку. Щелкните кнопку Использовать ссылку опроса, чтобы добавить отформатированный URL для редактирования или просмотра ответа опроса.
Вы можете разрешить пользователям отправлять новый ответ, либо предоставив ссылку на завершающем опрос экране, по которой пользователи могут щелкнуть, чтобы перезагрузить опрос, либо путем автоматической перезагрузки опроса после указанной задержки. Кроме того, вы можете выполнить автоматическое перенаправление на назначенный URL-адрес. Значение задержки по умолчанию - 3 секунды. Если для задержки установлено значение 0, экран благодарности не отображается после завершения опроса, а перенаправление происходит сразу после завершения опроса. Перенаправление URL игнорируется, если опрос выполняется с использованием iframe.
Параметр URL autoReload имеет приоритет над задержкой, установленной в веб-дизайнере Survey123.
Для опросов, разработанных в Survey123 Connect, вы также можете настроить завершающий опрос экран, используя специальный вопрос типа Примечания в XLSForm. Более подробную информацию см. в разделе Настройка элементов формы.