Survey123 网站提供用于配置调查外观的工具,使它在用户中脱颖而出。 您可以更改库中显示的调查信息、打开调查时显示的标题以及调查的颜色和样式,以使其在视觉上截然不同。 您也可以将媒体插入调查并添加 HTML 格式。
更改缩略图、标题、描述和标签
缩略图和调查名称对于直观区分 Survey123 网站中的调查非常重要。 如果您创建了多个调查以供自己使用,或者外业工作人员下载了多个调查,则缩略图和调查名称尤其重要。
在 Survey123 网站上编辑调查时,可以通过单击导航栏中调查的当前标题来更改调查的名称。
要更改调查项目的缩略图、标签和摘要,请在调查卡片右下角的我的调查页面上打开编辑调查信息对话框。 您也可以在 ArcGIS Online 或 ArcGIS Enterprise 中编辑缩略图、标签和摘要。
设置调查页眉、描述和页脚
通过调查查看器 URL 打开调查时,将显示调查页眉。 调查标题可以提供更加详细的调查描述。 调查页眉与调查名称不同,调查名称显示在库中。
可以通过在 web 设计器中选择调查页眉来对其进行设置。 右侧窗格将切换为编辑,您可以在其中更改显示的标题。 您也可以通过相同的方式来编辑调查描述和调查页脚。
调查页眉可以是文本或图像。 建议的页眉图像最大宽度为 680 像素。
调查描述和页脚可以包含图像和格式化文本,其中包括链接。
在调查中使用图像
在调查中使用图像在很多方面都非常有帮助。 调查中的图像不仅可使调查更加美观,而且在填写信息时,还可以帮助用户做出决定。 在调查中提供图像可帮助进行直观识别或判断。
在编辑调查标题、说明或任何注释问题以及自定义调查主题和致谢屏幕时,将提供插入图像按钮。 单击此按钮后,您可以选择提供在线托管图像的 URL,或者上传您的设备上保存的图像。 您还可以提供替代文本,以帮助您进行调查。 在使用在线托管图像时,请确保该图像已公开共享。 如果要引用连接到开放 Internet 的 ArcGIS Online 或 ArcGIS Enterprise 托管的图像,则必须使用 https://<org_url>/sharing/rest/content/items/<item_id>/data 格式的 URL。
样式和自定义
在设计窗格中的添加选项卡上,您可以控制调查中显示的调查元素。 调查元素部分支持您禁用调查的页眉、描述或页脚,以防止其显示在表单中。
在设计窗格的外观选项卡中,可以对调查的可视元素进行控制。
主题部分允许您从多种默认主题中进行选择,更改调查的背景和配色方案。 标有房屋图标的主题磁贴是由管理员设置的组织的共享主题。
要进一步配置其中一个主题,请单击主题选择下的编辑主题按钮。 随即打开其他页眉、内容和 Web 页面部分,允许您更改该主题的颜色或背景图像。 此自定义主题将保存到标有设置按钮的主题磁贴。
来自现有调查的主题切片位于自定义主题的左侧,允许您使用组织中其他调查的主题。 您还可以使用编辑主题选项进一步自定义该主题。 在选择现有调查后,右下角会显示从其他调查中进行选择按钮,以便您选择其他现有调查。
注:
编辑 Survey123 Connect 中发布的调查外观时,设计窗格将显示预览调查而不是实际的调查。 也不能编辑调查页眉和页脚的文本。
组、页面和重复颜色
通过将 backgroundColor 和 borderColor 参数添加到 body::esri:style 列,您可以独立于整体调查样式来设置组、页面和重复的颜色。 可以通过标准 HTML 颜色名称或十六进制代码指定颜色。 可以将这些值作为常量提供,也可以作为某一问题的引用提供。 多个参数由空格分隔,例如:
backgroundColor=LightCyan borderColor=#483D8B
注:
Survey123 web 应用程序不支持 backgroundColor 和 borderColor 参数。
格网样式组不支持 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 web 应用程序中受支持。
注:
在以下情况下,Survey123 web 应用程序的选择标签中的链接不可用:
- 当 Survey123 Connect 中的外观设置为 minimal 或 autocomplete 时。
- 当在 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 设计器选项选项卡上编辑此屏幕,并使用富文本编辑,包括链接和图像。
您可以在致谢屏幕上添加一个链接,通过该链接将在编辑模式或查看模式下重新打开刚刚提交的调查响应。 这些内置链接使用动态 globalId 参数打开响应并允许用户编辑和重新提交响应,或者以只读状态进行查看。 单击致谢屏幕编辑器中的链接按钮以添加链接。 单击使用调查链接按钮添加格式化的 URL 以编辑或查看调查响应。
您可以允许用户提交新响应,方法是在致谢屏幕中提供一个链接,用户可以单击该链接重新加载调查,或者在指定延迟后自动重新加载调查。 或者,可以自动重定向至推荐的 URL。 默认延迟时间为 3 秒。 如果延迟设置为 0,则完成调查时不会显示致谢屏幕,并且在完成调查后立即执行重定向。 当使用 iframe 嵌入调查时,URL 重定向会被忽略。
autoReload URL 参数优先于 Survey123 web 设计器中设置的延迟。
对于在 Survey123 Connect 中设计的调查,您还可以使用 XLSForm 中的特殊注释问题来自定义致谢屏幕的内容。 有关详细信息,请参阅自定义表单元素。