El sitio web de Survey123 ofrece herramientas para configurar la presentación de una encuesta, lo que permite que destaque de cara a los usuarios. Puede cambiar la información de la encuesta presentada en la galería, el título presente al abrir la encuesta y los colores y el estilo de la encuesta para diferenciarla visualmente. También puede insertar contenido multimedia en la encuesta y agregar formato HTML.
Cambiar la vista en miniatura, el título, la descripción y las etiquetas
La vista en miniatura y el nombre de la encuesta son importantes para diferenciar visualmente las encuestas en la galería de aplicaciones de campo de del sitio web de Survey123. Esto es especialmente importante si desea crear varias encuestas para su uso personal o si los equipos de campo descargan más de una encuesta.
Al editar una encuesta en el sitio web de Survey123, puede cambiar el nombre de la encuesta haciendo clic en el título actual de la encuesta en la barra de navegación.
Para cambiar la vista en miniatura, las etiquetas y el resumen de un elemento de la encuesta, abra el cuadro de diálogo Editar información de encuesta en la página Mis encuestas, en la esquina inferior derecha de la tarjeta de una encuesta. También puede editar la vista en miniatura, las etiquetas y el resumen en ArcGIS Online o ArcGIS Enterprise.
Defina el encabezado, la descripción y el pie de página de la encuesta
El encabezado de la encuesta aparece cuando esta se abre desde la dirección URL del visor. Puede proporcionar una descripción más detallada de la encuesta. El encabezado de la encuesta no coincide con el nombre de la encuesta, que aparece en la galería.
Puede definir el encabezado de la encuesta seleccionándolo en el diseñador web. El panel de la derecha cambiará a Edit y le permitirá modificar el título mostrado. También puede editar la descripción de la encuesta y el pie de página de la encuesta de la misma forma.
El encabezado de la encuesta puede ser texto o una imagen. La anchura máxima sugerida para una imagen de encabezado es de 680 píxeles.
La descripción de la encuesta puede incluir imágenes y texto con formato, incluidos vínculos.
El pie de página de la encuesta puede contener texto y una URL.
Utilizar imágenes en una encuesta
Usar imágenes en las encuestas puede resultar útil en muchos sentidos. No es solo un recurso para que las encuestas sean visualmente atractivas; las imágenes de la encuesta pueden ayudar a los usuarios a tomar decisiones al rellenar la información. Proporcionar imágenes en las encuestas puede ayudar a hacer identificaciones o estimaciones visuales.
El botón Insertar imagen está disponible al editar el encabezado, la descripción, cualquier pregunta Note, así como un tema personalizado de la encuesta y la pantalla de agradecimiento de la encuesta. Después de hacer clic en este botón, puede optar por proporcionar la URL de una imagen alojada en línea o cargar una imagen guardada en su dispositivo. También puede proporcionar texto alternativo para ayudar a la accesibilidad de la encuesta. Al utilizar imágenes alojadas en línea, asegúrese de que la imagen se comparte públicamente. Si va a hacer referencia a una imagen alojada por ArcGIS Online o ArcGIS Enterprise conectada a la Internet abierta, la URL debe usar el formato de https://<org_url>/sharing/rest/content/items/<item_id>/data.
Nota:
La opción de proporcionar una imagen almacenada localmente está deshabilitada cuando se utiliza el sitio web de Survey123 con ArcGIS Enterprise.
Estilos y personalización
En la pestaña Agregar del panel de diseño, puede controlar los elementos de encuesta que se muestran en la encuesta. La sección Elemento de la encuesta permite deshabilitar el encabezado, la descripción o el pie de página de la encuesta para que estos elementos no aparezcan en el formulario.
En la pestaña Apariencia del panel de diseño, puede controlar los elementos visuales de la encuesta.
La sección Tema le permite elegir entre distintos temas predeterminados que modifican el fondo y el esquema de color de la encuesta. La tesela de tema marcada con un icono de casa es el tema compartido de su organización, definido por su administrador.
Para configurar con más detalle uno de estos temas, haga clic en el botón Editar tema que aparece debajo de la selección de tema. Con ello se abren las secciones adicionales Encabezado, Contenido y Página web, que le permiten cambiar los colores o las imágenes de fondo de ese tema. Este tema personalizado se guarda en la tesela de tema marcada con un botón de configuración.
La tesela Tema de la encuesta existente, a la izquierda del tema personalizado, permite usar el tema de otra encuesta en su organización. También puede personalizar aún más este tema con las opciones de Editar tema. Aparece el botón Elegir de otra encuesta en la parte inferior derecha después de seleccionar una encuesta existente, para que pueda seleccionar otra encuesta.
Nota:
Al editar la apariencia de las encuestas publicadas en Survey123 Connect, el panel de diseño muestra la vista previa de la encuesta, no la encuesta real. Tampoco podrá editar el texto del encabezado y del pie de la encuesta.
Colores de grupos, páginas y repeticiones
Puede definir los colores de grupos, páginas y repeticiones independientemente del estilo general de la encuesta agregando los parámetros backgroundColor y borderColor a la columna body::esri:style. Los colores se pueden especificar mediante nombres de color HTML estándar o códigos de color hexadecimales. Puede proporcionarlos como constante o referencia a una pregunta. Existen varios parámetros separados por un espacio, por ejemplo:
backgroundColor=LightCyan borderColor=#483D8B
Nota:
Los parámetros backgroundColor y borderColor no son compatibles con la aplicación web Survey123.
Los grupos con estilo de tipo cuadrícula no admiten borderColor.
Formato HTML
Puede usar el formato HTML en etiquetas de preguntas y en las etiquetas de las listas de opciones. La aplicación de formato en este texto puede ayudarle a llamar la atención del usuario sobre la información importante. El formato HTML permitido es el siguiente:
| Etiqueta | Atributo |
|---|---|
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 |
*Solo se admite en la aplicación web Survey123.
Nota:
Los vínculos de las etiquetas de opción no funcionan en la aplicación web Survey123 en las siguientes situaciones:
- Cuando la apariencia definida en Survey123 Connect es minimal o autocomplete
- Al utilizar el tipo de pregunta rank en Survey123 Connect
- Al utilizar los tipos de preguntas Dropdown o Ranking en el diseñador web de Survey123
De forma predeterminada, un hipervínculo creado con el formato HTML abierto en la aplicación web Survey123 abrirá el destino de la misma pestaña que la encuesta. Para abrir este vínculo en una pestaña nueva en su lugar, agregue target="_blank" a la etiqueta a href, por ejemplo:
<a href="https://www.esri.com" target="_blank">Link to Esri website</a>
El formato HTML no aparecerá en las áreas siguientes del formulario web:
- Mensajes requeridos y de restricción
- Etiquetas de opción de una pregunta de selección externa o de opciones externa
- Etiquetas de opción si el orden de las opciones se configura en aleatorio
Pantalla de agradecimiento
La pantalla de agradecimiento aparece cuando el usuario envía datos desde la aplicación web Survey123. Puede editar esta pantalla en la pestaña Opciones del diseñador web y utilizar la edición de texto enriquecido, incluidos vínculos e imágenes.
Puede agregar un vínculo a la pantalla de agradecimiento que volverá a abrir la respuesta de la encuesta que se acaba de enviar, tanto en el modo de edición como en el modo de visualización. Estos vínculos integrados utilizan un parámetro globalId dinámico para abrir la respuesta y permitir que el usuario la edite y vuelva a enviar o pueda visualizarla en un estado de solo lectura. Haga clic en el botón Vínculo del editor de la pantalla de agradecimiento para agregar un vínculo. Haga clic en el botón Usar vínculo de encuesta para agregar una URL con formato para editar o visualizar la respuesta de la encuesta.
Puede permitir a los usuarios enviar una nueva respuesta, ya sea proporcionando un vínculo en la pantalla de agradecimiento en la que los usuarios pueden hacer clic para volver a cargar la encuesta o volviendo a cargar la encuesta automáticamente tras un retraso especificado. Si lo desea, puede redirigir automáticamente a una URL designada. El intervalo predeterminado es 3 segundos. Si el retraso se establece en 0, la pantalla de agradecimiento no se muestra cuando se completa la encuesta y la redirección se produce inmediatamente una vez que se completa la encuesta. La redirección URL se ignora al integrar una encuesta con un iframe.
El parámetro URL de autoReload tiene prioridad sobre el intervalo establecido en el diseñador web de Survey123.
En el caso de las encuestas diseñadas en Survey123 Connect, también puede personalizar el contenido de la pantalla de agradecimiento con una pregunta de nota especial en XLSForm. Para obtener más información, consulte Roles personalizados.