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.

Vista en miniatura, título, descripción y 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 con un tamaño de 600 x 400 píxeles.
  4. Si lo desea, introduzca 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.

En la pestaña Multimedia, también puede crear paletas de herramientas de dibujo para dibujar y anotar preguntas. Para obtener más información, consulte Paletas de dibujo y anotación.

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.

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.

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 Paleta para elegir un color o introduzca 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.

Formato HTML

Puede usar el formato HTML tanto en etiquetas, así como sugerencias y etiquetas de la lista 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

img

src, width, height, border, alt, style

video¹

autoplay, controls, height, loop, muted, poster, preload, width

audio¹

autoplay, controls, loop, muted, preload

source¹

media, src, type

span

style

table

width, height, cellpadding, cellspacing, border, style

div

style, align

font

size, color, style

figure

style

figcaption

style

dd, dl, dt

style

h1, h2, h3, h4, h5, h6

style

tr

height, valign, align, style

td, th

height, width, valign, align, colspan, rowspan, nowrap, style

p

style

b, strong, i, em, u, ul, ol, li, tbody, br, hr

abbr

title

sub

style

sup

style

*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>

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 Configuración del diseñador web y utilizar la edición de texto enriquecido, incluidos vínculos e imágenes. También se ofrece una casilla de verificación para proporcionar la opción de enviar otra respuesta.

En el caso de las encuestas diseñadas en Survey123 Connect, puede editar esta pantalla de agradecimiento abriendo la página Diseño para esta encuesta en el sitio web de Survey123. Para guardar estos cambios, haga clic en Publicar y confirme. 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.