Personalizar formularios usando XLSForm

Última actualización: 22 Jun 2026

Con KoboToolbox, puedes personalizar la apariencia de tus formularios y preguntas para resaltar información clave y adaptar el diseño a tus necesidades de recolección de datos. Esto incluye aplicar temas a formularios web, agregar encabezados y listas en preguntas de tipo nota, y usar color o formato en negrita para dar énfasis.

Este artículo cubre los temas para formularios web, así como las opciones de estilo para notas y preguntas dentro de un formulario.

Nota: Este artículo se centra en el estilo de formularios en XLSForm. Para aprender a configurar temas de formularios web en el KoboToolbox Formbuilder, consulta Diseñar formularios web usando el Formbuilder.

Temas para formularios web

Los temas de formularios web te permiten personalizar la apariencia y el diseño de los formularios web. Los temas se aplican únicamente a formularios web y no son visibles en KoboCollect.

Agregar temas en XLSForm

Para agregar un tema en XLSForm:

  1. Añade una columna style en tu hoja settings.

  2. Especifica el tema que deseas usar con el nombre exacto que aparece en la tabla a continuación.

hoja settings

style

theme-grid

settings

Nota: Los temas se pueden combinar ingresando ambos temas en la misma celda de la columna style, separados por un espacio (por ejemplo, theme-grid pages).

Temas disponibles para formularios web

Los siguientes temas están disponibles para personalizar tus formularios:

Tema XLSForm

Descripción

Vista previa

Tema predeterminado

Muestra las preguntas una tras otra en una sola página.

Estilo predeterminado

pages

Muestra una pregunta por pantalla o un grupo de preguntas juntas en la misma pantalla, similar al diseño de KoboCollect.

Estilo pages

theme-grid

Una visualización alternativa más compacta, similar a los formularios en papel, que usa el espacio de manera eficiente y organiza varias preguntas por fila. Las preguntas aparecen en mayúsculas de forma predeterminada. Requiere configurar tu XLSForm.

Theme-grid

theme-grid no-text-transform

Igual que theme-grid, pero sin capitalización automática de las preguntas.

Theme-grid no-text-transform

Configurar un XLSForm para theme_grid

En los formularios web, el diseño theme_grid te permite mostrar preguntas en varias columnas, haciendo que tu formulario sea más compacto y visualmente organizado. La configuración de estas columnas, incluyendo cuántas hay y qué tan anchas deben ser, se controla asignando w-values a cada pregunta dentro de la columna appearance de tu XLSForm.

Para una descripción completa del uso de theme_grid en XLSForm, consulta este tutorial de tema de cuadrícula y el XLSForm de ejemplo.

Antes de asignar w-values a cada pregunta, comienza colocando todas las preguntas en grupos de preguntas. El ancho predeterminado para un grupo o grupo de repetición es de cuatro columnas (w4), por lo que un grupo con w4 puede contener un máximo de cuatro preguntas w1 en una sola fila. El w-value de una pregunta es relativo al w-value de su grupo.

Para especificar el ancho relativo de cada pregunta dentro de una fila:

  1. Añade una columna appearance en tu hoja survey.

  2. Para cada pregunta, asigna valores de apariencia (por ejemplo, w1, w2, w3) para especificar su ancho relativo dentro de una fila.

  3. Modifica el ancho del grupo si es necesario usando el mismo método.

Las filas siempre se expandirán automáticamente al ancho completo de la página. Por ejemplo, una fila que contiene una pregunta con un valor de apariencia w2 y otra con w1 dividirá la fila en dos tercios y un tercio, respectivamente.

Nota: Aplica los w-values únicamente a grupos o grupos de repetición de nivel superior. Aunque aplicarlos a subgrupos o grupos de repetición anidados es compatible, es posible que no se visualicen correctamente.

Dar estilo al texto

Puedes usar Markdown y HTML en XLSForm para dar estilo al texto, añadir énfasis con negrita o cursiva, crear encabezados de diferentes tamaños, cambiar fuentes y colores, y agregar enlaces web. El estilo de texto se puede aplicar a preguntas, sugerencias y notas.

Nota: Es posible que algunas funciones de estilo no sean compatibles con KoboCollect o con los formularios web. Se recomienda previsualizar tus formularios en el método de recolección de datos que vayas a usar para confirmar que todas las funciones de estilo son totalmente compatibles.

Las funciones de estilo de texto en XLSForm incluyen:

Función

Formato

Cursiva

*cursiva* o _cursiva_

Negrita

**negrita** o __negrita__

Hipervínculo

[nombre del enlace](url)

Correo electrónico

[email@domain.org](mailto:email@domain.org)

Encabezados

# Encabezado 1 (más grande) a ###### Encabezado 6 (más pequeño)

Listas con viñetas

- Este es un elemento de lista
- en markdown

Listas numeradas

1. Este es un elemento numerado
2. en markdown

Emojis

Por ejemplo, 🙂 😐 🙁 😦 😧 😩 😱

Superíndice

100 m<sup>2</sup> se convierte en 100 m²

Subíndice

H<sub>2</sub>O se convierte en H₂O

Texto en color

<span style="color:#f58a1f">naranja</span> se convierte en naranja
<span style="color:red">rojo</span> se convierte en rojo

Fuente

<span style="font-family:cursive">cursiva</span> se convierte en cursiva
<span style="color:red; font-family:cursive">rojo y cursiva</span> se convierte en rojo y cursiva

Centrar texto

<p style="text-align:center">Etiqueta centrada</p> centra el texto en la pantalla (solo en KoboCollect)

Ocultar etiqueta

<span style="display:none">Etiqueta oculta</span> omite la etiqueta de la pregunta (solo en formularios web)

Eliminar negrita

<span style="font-weight: normal;">¿Cuál es tu edad?</span> elimina la negrita de la etiqueta de la pregunta (solo en formularios web)

Subrayado

<span style="text-decoration: underline;">Este texto está subrayado</span> subraya el texto (solo en formularios web)

Nota: Usa el carácter \ antes de #, *, _ y \ para evitar que estos caracteres activen efectos de estilo especiales.