Aplicar estilo a una encuesta

Survey123 Connect 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 Survey123 del sitio web de . 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.

Use una vista en miniatura para diferenciar encuestas.

Para cambiar la vista en miniatura y otras propiedades de un elemento de encuesta, complete los siguientes pasos:

  1. Abra una encuesta en Survey123 Connect.
  2. Haga clic en la pestaña Detalles.
  3. Haga clic en la imagen en miniatura para buscar un archivo de imagen. Para obtener unos resultados óptimos, use imágenes de 600 x 400 píxeles.
  4. Si lo desea, proporcione texto en el elemento de título, resumen y descripción de la encuesta.

    Los cambios realizados aquí se reflejarán en la galería de encuestas y también en el elemento de formulario de la encuesta en su organización de ArcGIS una vez publicada la encuesta.

Precaución:

Survey123 Connect requiere que todos los archivos de imagen de las vistas en miniatura tengan una extensión de archivo en minúsculas. Survey123 Connect no reconoce las extensiones de archivo que están en mayúsculas, por lo que esas vistas en miniatura no se publicarán con la encuesta.

Es posible que la vista en miniatura no se muestre correctamente si su nombre de archivo contiene espacios, símbolos o caracteres especiales.

Para agregar formato, vínculos u otros elementos de texto enriquecido a la descripción de la encuesta, le recomendamos que utilice el editor de descripción para el elemento de formulario de su organización de ArcGIS. Al editar las propiedades de cualquier elemento de formulario de su organización de ArcGIS, debe descargar la encuesta en Survey123 Connect de nuevo para ver los cambios en la pestaña Detalles.

Definir el título de la encuesta

El título de la encuesta aparece cuando esta se abre desde la galería. Puede proporcionar una descripción más detallada de la encuesta. El título de la encuesta no coincide con el nombre de la encuesta, que aparece en la galería.

Cree un título para la encuesta.

Puede definir el título de la encuesta introduciendo el valor en la columna form_title de la hoja de cálculo settings.

Defina un título en la hoja de cálculo settings.

Como alternativa, puede definir el título de la encuesta incluyendo una pregunta note en su encuesta denominada generated_note_form_title. Este método le permite proporcionar traducciones para el título e incluir valores de la respuesta a la encuesta en el título con la sintaxis ${question_name}. Para obtener más información, consulte Roles personalizados.

Agregar contenido multimedia a una encuesta

Agregar contenido multimedia a las encuestas puede resultar útil en muchos sentidos. No es solo un recurso para que las encuestas sean visualmente atractivas; las imágenes o audios 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.

Para que puedan incluirse en una encuesta, los archivos de imagen y audio deben guardarse en la carpeta multimedia de la encuesta.

Puede agregar imágenes a cualquier pregunta incluyendo el nombre exacto del archivo de imagen (incluida la extensión) en la columna media::image de la hoja de cálculo survey. Entre los tipos de archivos admitidos se incluyen BMP, GIF, JPC, JPE, JPEG, JPF, JPG y PNG. Para las imágenes GIF, la animación solo se admite en la aplicación web Survey123. La aplicación de campo Survey123 también admite imágenes TIF y TIFF.

Puede agregar archivos de audio a cualquier pregunta incluyendo el nombre exacto del archivo de audio (incluida la extensión) en la columna media::audio de la hoja de cálculo de la encuesta. Entre los tipos de archivos admitidos se incluyen MP3 y WAV. En determinadas plataformas se admiten formatos de audio adicionales. Por ejemplo, la reproducción de archivos M4A es compatible con iOS. Cuando se incluye audio en una encuesta, se activa en el formulario un botón de altavoz. Seleccione este botón para reproducir el archivo de audio.

Nota:

En Survey123, se distingue entre mayúsculas y minúsculas. Asegúrese de que todas las referencias a nombres de archivos y extensiones usan la misma combinación de mayúsculas y minúsculas que los archivos reales. Por ejemplo, Tree.JPG no es lo mismo que tree.jpg; si la referencia se realiza de este modo, la imagen no se muestra en la encuesta.

La aplicación web Survey123 no admite imágenes para las preguntas con varias opciones cuando se utilizan las apariencias minimal o autocomplete.

Use una pregunta de nota para visualizar una imagen o reproducir una grabación de audio que no esté asociada con una pregunta.

Agregar contenido multimedia a una nota

Agregue una imagen a la encuesta.

Para agregar una imagen a la encuesta, siga estos pasos:

  1. Obtenga una vista previa de la encuesta en Survey123 Connect.
  2. Abra la pestaña Multimedia en la barra de herramientas de la parte inferior.
  3. Haga clic en Abrir carpeta multimedia y agregue un archivo de imagen.

    Este archivo aparecerá en la pestaña Multimedia.

  4. En la hoja de cálculo survey, agregue una pregunta note y escriba el nombre de archivo de la imagen en la columna media::image.

    En los nombres de elementos multimedia se distingue entre mayúsculas y minúsculas.

La imagen se presenta en una nota en la encuesta. Seleccione la imagen para abrirla en vista de pantalla completa. Seleccione el botón Atrás en la esquina superior izquierda para volver a la encuesta.

Agregar contenido multimedia a una lista de opciones

También puede agregar imágenes y audio a las opciones para las preguntas de selección única y de selección múltiple para proporcionar más información a los usuarios sobre cada opción.

Use imágenes en una lista de selección.

Para agregar contenido multimedia a las opciones para las preguntas de selección única y de selección múltiple, siga estos pasos:

  1. Obtenga una vista previa de la encuesta en Survey123 Connect.
  2. Abra la pestaña Multimedia en la barra de herramientas de la parte inferior.
  3. Haga clic en Abrir carpeta multimedia y agregue archivos de imagen y audio.

    Estos archivos aparecerán en la pestaña Multimedia.

  4. En la hoja de cálculo choices, agregue una opción a la lista de opciones y escriba el nombre de archivo de la imagen para la opción en la columna media::image.

    En los nombres de elementos multimedia se distingue entre mayúsculas y minúsculas.

  5. Escriba el nombre de archivo del archivo de audio correspondiente a la opción en la columna media::audio.
  6. Repita los pasos 4 y 5 para las demás opciones de la lista.

Junto a cada opción de las preguntas de selección única y múltiple que utilizan esa lista de opciones aparecen imágenes y clips de audio.

Configuración de estilo

La configuración de estilo permite controlar los colores de varios elementos de la encuesta. El panel Estilo se encuentra a la derecha de la pestaña Formulario.

Experimente con los estilos de las encuestas.

Puede personalizar los colores de texto y fondo del encabezado, el cuerpo, los campos de entrada y el pie de página de la encuesta. Haga clic en el botón de paleta para elegir un color o proporcione el código del color hexadecimal o el nombre del color HTML en el campo proporcionado. El botón de contraste situado sobre las entradas de color de texto proporciona una indicación de legibilidad. Haga clic en el botón para ver la relación de contraste entre los colores del texto y el fondo; no se recomienda una relación por debajo de 4.5, como se indica con un botón de contraste rojo.

También puede usar una imagen como fondo de la encuesta. El archivo de imagen que seleccione como imagen de fondo se copiará en la subcarpeta de contenido multimedia de la carpeta del proyecto topográfico.

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 sugerencias, así como 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:

EtiquetaAtributo

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.

Nota:
En el caso de las encuestas diseñadas en Survey123 Connect, puede editar esta pantalla en la pestaña Diseño > Opciones de la encuesta en el sitio web de Survey123. Para guardar los cambios, haga clic en Publicar y confirme.

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.

Agregar vínculos de los modos de edición y visualización a la pantalla de agradecimiento

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.