设置调查样式

Survey123 Connect提供用于配置调查外观的工具,使它在用户中脱颖而出。 您可以更改库中显示的调查信息、打开调查时显示的标题以及调查的颜色和样式,以使其在视觉上截然不同。 您也可以将媒体插入调查并添加 HTML 格式。

更改缩略图、标题、描述和标签

缩略图和调查名称对于直观区分 Survey123 外业应用程序库中的调查非常重要。 如果您创建了多个调查以供自己使用,或者外业工作人员下载了多个调查,则缩略图和调查名称尤其重要。

使用缩略图来区分调查。

要更改调查项目的缩略图和其他属性,请完成以下步骤:

  1. Survey123 Connect 中打开调查。
  2. 单击详细信息选项卡。
  3. 单击缩略图可以浏览至图像文件。 要获得最佳效果,请使用 600x400 像素的图像。
  4. 可以选择提供调查的项目标题、摘要和描述的文本。

    此处所做的更改将反映在 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 Web 应用程序中支持动画。 Survey123 外业应用程序还支持 TIF 和 TIFF 图像。

您可以向任何问题中添加音频,方法为在调查工作表的 media::audio 列中包括音频文件的准确文件名(包括文件扩展名)。 受支持的文件类型包括 MP3 和 WAV。 某些平台支持其他音频格式。 例如,iOS 支持 M4A 文件的播放。 将音频包括在调查中时,扬声器按钮将会在表单中处于活动状态。 选择此按钮即可播放音频文件。

注:

Survey123 区分大小写。 确保文件名及其扩展名的所有引用的大小写与实际文件相同。 例如,Tree.JPGtree.jpg 不同,如果按照这种方式引用图像,则图像不会显示在调查中。

如果使用 minimalautocomplete 外观,则 Survey123 Web 应用程序不支持多项选择问题中选项的图像。

可使用注释问题显示图像或播放未与问题关联的音频片段。

向注释中添加媒体

向调查添加图像。

要向调查添加图像,请完成以下步骤:

  1. Survey123 Connect 中预览调查。
  2. 在底部的工具栏上,打开媒体选项卡。
  3. 单击打开媒体文件夹,然后添加图像文件。

    此文件将显示在媒体选项卡中。

  4. 在调查工作表中,添加注释问题并在 media::image 列中输入图像的文件名。

    媒体名称区分大小写。

图像显示在调查包含的注释中。 选择图像以将其在全屏视图中打开。 选择右上角的返回按钮以返回到调查。

向选择列表中添加媒体

您也可以将图像和音频添加到单选和多选问题的选择,从而为用户提供有关每个选择的更多信息。

在选择列表中使用图像。

要将媒体添加到单选和多选问题的选项,请完成以下步骤:

  1. Survey123 Connect 中预览调查。
  2. 在底部的工具栏上,打开媒体选项卡。
  3. 单击打开媒体文件夹,然后添加图像和音频文件。

    这些文件将显示在媒体选项卡中。

  4. 在选择工作表中,将选择添加到选择列表并在 media::image 列中输入用于选择的图像文件名。

    媒体名称区分大小写。

  5. media::audio 列中输入用于选项的音频文件的文件名。
  6. 对于列表中的其他选项重复步骤 4 和 5。

图像和音频剪辑将显示在使用该选项列表的单选或多选问题的选项旁。

样式设置

您可通过样式设置控制调查中各种元素的颜色。 样式面板位于表单选项卡的右侧。

尝试调查样式。

可以为调查标题、正文、输入字段和页脚自定义文本和背景颜色。 单击调色板按钮以选择颜色,或者在提供的字段中提供十六进制颜色代码或 HTML 颜色名称。 文本颜色输入上方的对比度按钮可以指示可读性。 单击按钮可查看文本和背景颜色之间的对比度;不建议使用低于 4.5 的比率,如红色对比度按钮所示。

还可以使用图像作为调查的背景。 您选择作为背景图像的图像文件将被复制到调查工程文件夹中的媒体子文件夹中。

组、页面和重复颜色

通过将 backgroundColorborderColor 参数添加到 body::esri:style 列,您可以独立于整体调查样式来设置组、页面和重复的颜色。 可以通过标准 HTML 颜色名称或十六进制代码指定颜色。 可以将这些值作为常量提供,也可以作为某一问题的引用提供。 多个参数由空格分隔,例如:

backgroundColor=LightCyan borderColor=#483D8B

注:

Survey123 web 应用程序不支持 backgroundColorborderColor 参数。

格网样式组不支持 borderColor

HTML 样式

可以在问题标注和提示以及选择列表的标注中使用 HTML 格式。 将样式应用于此文本有助于突出显示重要信息。 受支持的 HTML 样式如下所示:

标记属性

a

hrefstyle

abbr

title

audio¹

autoplaycontrolsloopmutedpreload

bstrongiemuulollitbodybrhr

dddldt

style

div¹

stylealign

figcaption

style

figure

style

font

sizecolorstyle

h1h2h3h4h5h6

style

img

srcwidthheightborderaltstyle

p

style

source¹

mediasrctype

span

style

sub

style

sup

style

table

widthheightcellpaddingcellspacingborderstyle

tdth

heightwidthvalignaligncolspanrowspannowrapstyle

tr

heightvalignalignstyle

video¹

autoplaycontrolsheightloopmutedposterpreloadwidth

¹仅在 Survey123 web 应用程序中受支持。

注:

在以下情况下,Survey123 web 应用程序的选择标签中的链接不可用:

  • Survey123 Connect 中的外观设置为 minimalautocomplete 时。
  • 当在 Survey123 Connect 中使用评级问题类型时。
  • 当在 Survey123 web 设计器中使用下拉评级问题类型时。

默认情况下,使用在 Survey123 web 应用程序中打开的 HTML 样式创建的超链接将在与调查相同的选项卡中打开目标。 要在新选项卡中打开此链接,请将 target="_blank" 添加至 a href 标签,例如:

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

HTML 样式不会显示在 Web 表单的以下区域中:

  • 必填项和约束消息
  • 外部选择或外部选项问题的选项标注
  • 选项标注(选项顺序设置为随机时)

致谢屏幕

当用户在 Survey123 web 应用程序中提交数据后,将显示致谢屏幕。可以在 web 设计器选项选项卡上编辑此屏幕,并使用富文本编辑,包括链接和图像。

注:
对于在 Survey123 Connect 中设计的调查,您可以在 Survey123 网站中该调查的设计 > 选项选项卡上编辑致谢屏幕。 要保存这些更改,请单击发布并确认。

您可以在致谢屏幕上添加一个链接,通过该链接将在编辑模式或查看模式下重新打开刚刚提交的调查响应。 这些内置链接使用动态 globalId 参数打开响应并允许用户编辑和重新提交响应,或者以只读状态进行查看。 单击致谢屏幕编辑器中的链接按钮以添加链接。 单击使用调查链接按钮添加格式化的 URL 以编辑或查看调查响应。

在致谢屏幕上添加编辑模式和查看模式链接

您可以允许用户提交新响应,方法是在致谢屏幕中提供一个链接,用户可以单击该链接重新加载调查,或者在指定延迟后自动重新加载调查。 或者,可以自动重定向至推荐的 URL。 默认延迟时间为 3 秒。 如果延迟设置为 0,则完成调查时不会显示致谢屏幕,并且在完成调查后立即执行重定向。 当使用 iframe 嵌入调查时,URL 重定向会被忽略。

autoReload URL 参数优先于 Survey123 web 设计器中设置的延迟。

对于在 Survey123 Connect 中设计的调查,您还可以使用 XLSForm 中的特殊注释问题来自定义致谢屏幕的内容。 有关详细信息,请参阅自定义表单元素