Cómo configurar el widget de hoja de cálculo

Cuando necesitas recopilar, analizar y enviar datos en un formato de hoja de cálculo estructurado, el widget de hoja de cálculo es la herramienta perfecta. Permite a los usuarios del formulario ingresar y enviar datos en un diseño de tabla familiar, facilitando la gestión y uso para varios propósitos, como informes o análisis de datos.

Watch on youtube

Configuración del widget de hoja de cálculo

Para configurar tu widget de hoja de cálculo, sigue los pasos a continuación:

1. En el constructor de formularios, haz clic en el botón Agregar elemento.

“““html

2. En la pestaña Widgets , busca el widget Spreadsheet.

“““html

3. Arrastra y suelta o haz clic para agregarlo a tu formulario.

“““html

• Haz clic en el icono de la varita mágica para abrir la configuración del widget.

4. En la pestaña General, configura las siguientes opciones:
   • Número de filas — Especifica cuántas filas deseas mostrar.
   • Número de columnas — Elige cuántas columnas deseas añadir.
   • Etiquetas de columna — Opcionalmente, añade etiquetas personalizadas en lugar de las letras predeterminadas.
   • Valores predeterminados — Establece valores predeterminados para cada celda en la hoja de cálculo.
   • Solo lectura — Marca ciertas celdas como de solo lectura si es necesario.

“““html

5. Haz clic en Actualizar widget
   “““html
   button para guardar tu configuración.

Si deseas personalizar el diseño de tu widget, haz clic en la pestaña CSS personalizado. Consulta Cómo inyectar códigos CSS en los widgets para obtener más información.

Configuración de la pestaña General

Para personalizar el diseño y la funcionalidad de tu widget de hoja de cálculo, puedes ajustar varias configuraciones en la pestaña General. Estas opciones te ayudan a definir la estructura de tu hoja de cálculo, prellenar celdas con valores y hacer que ciertas celdas sean de solo lectura para una experiencia de usuario más personalizada.

Número de filas

Esta opción te permite especificar cuántas filas deseas mostrar en el widget de hoja de cálculo. Por ejemplo, si estás recopilando datos para 5 entradas, establecerías el número de filas en 5. Esto controla el diseño vertical de los datos que los usuarios podrán ingresar.

“““html

Número de columnas

“`Aquí, defines cuántas columnas necesitas en la hoja de cálculo. Por ejemplo, si deseas recopilar datos como “Nombre del producto”, “Cantidad” y “Precio”, establecerías el número de columnas en 3. Esto asegura que los datos estén estructurados de manera que se adapten a tus necesidades.

“`html

Etiquetas de columna

Esta opción te permite reemplazar las letras predeterminadas de las columnas (A, B, C, etc.) con etiquetas personalizadas. Por ejemplo, en lugar de “A”, “B” y “C”, puedes etiquetarlas como “Nombre del producto”, “Cantidad” y “Precio”. Para hacerlo, solo ingresa las etiquetas, separándolas por comas o nuevas líneas.

“““html

Valores predeterminados

La caja de “Valores predeterminados” te permite prellenar celdas con valores, lo cual ayuda a acelerar el proceso de ingreso de datos para los usuarios. Por ejemplo, si deseas que la Columna A, Fila 1, tenga un valor de “1500,” simplemente ingresas “A1 1500” en la caja de Valores predeterminados. Aquí tienes un ejemplo:

“““html

“`También puedes asignar fórmulas de cálculo a celdas específicas. Por ejemplo, si deseas que la suma de la Fila 1, Columnas A, B, y C se muestre en la Fila 1, Columna D, ingresa la siguiente fórmula:

• D1 = A1 + B1 + C1

“`html

Solo lectura

La sección de solo lectura te permite bloquear celdas específicas para que los usuarios puedan verlas pero no hacer cambios. Esto es especialmente útil para celdas que contienen resultados calculados. Por ejemplo, si deseas que la Columna D, Filas 1 a 5, no sean editables, deberías ingresar “D1, D2, D3, D4, D5” en la caja de solo lectura. Esto asegura que los usuarios solo puedan ver los resultados calculados sin modificarlos.

• D1, D2, D3, D4, D5

“““html

Puedes ver el formulario de demostración aquí.