Añadir widgets de entrada a los pasos
  • 05 Jan 2024
  • 6 Minutos para leer
  • Colaboradores

Añadir widgets de entrada a los pasos


Article Summary

Introducir datos en cualquier paso mediante widgets de entrada

Para reducir el número de pasos y opciones de enrutamiento por los que debe pasar un operador, a menudo es más fácil introducir datos dentro de un paso de instrucciones. También puede escribir directamente en Tulip Tables utilizando Input Widgets.

El siguiente artículo describe cómo iniciar un campo de entrada de datos, o Input Widget, en cualquier Paso de la app.

Creación de un Widget para Almacenar Entradas de Usuario

Seleccione la opción Entrada en la Barra de Herramientas:

Widget Toolbar.png

Una vez seleccionada, tiene las siguientes opciones:

Inputs Dropdown.png

  • Casilla de verificación
  • Texto
  • Archivo
  • Número
  • Selección simple
  • Selección múltiple
  • Selector de fecha
  • Imagen
  • Firma

Selección de una fuente de datos

Variable

Elija una variable existente o cree una nueva para asignarla al Widget de entrada:

Al asignar una variable a la entrada, se puede hacer referencia al valor de entrada en toda la aplicación para construir diversas lógicas.

Registro de tabla tulipán

Al asignar tu widget de entrada a un registro de tabla Tulip, puedes editar directamente un registro de tabla. Especifica la columna del registro de la tabla en el desplegable:

Esto guarda automáticamente el valor del widget de entrada en el registro de la tabla.

Configuración de activadores

Muchos de los widgets de entrada tienen una opción para configurar un activador que se dispare cuando se produzca una acción. A continuación se describen los tipos de acciones y los widgets asociados.Triggers.png

Tecla Intro

El disparador de la tecla Intro sigue la lógica de: cuando se pulsa la tecla Intro, si se cumplen las condiciones, entonces realiza una acción. Esta opción está asociada a los widgets de introducción de texto y números.

Cambio de entrada

El activador Cambio de entrada sigue la lógica de: cuando cambia la entrada, si se cumplen las condiciones, se realiza una acción. Esta opción está asociada a los widgets de entrada de casilla de verificación, selección única, selección múltiple, selector de fecha e imagen.

Tipos de widgets de entrada

Casilla de verificación

La opción de casilla de verificación proporciona una salida booleana, que puede convertirse en Sí o No marcando o desmarcando la casilla. Para obtener más información sobre las casillas de verificación, consulte [este artículo aquí.](https://support.tulip.co/docs/how-to-use-the-checkbox-widget

Texto

Al seleccionar una Entrada de Texto, puede asignar el Widget a una columna de una Tabla Tulipán, o a una Variable. De forma similar a la casilla de verificación, es necesario asignar una variable al widget de entrada de texto para poder utilizar los datos más adelante en la aplicación. Selecciona esta variable de una lista de variables de texto, o créala en línea desde el desplegable Selección de variables.

Esto se comporta de la misma manera que una variable creada en una entrada de Paso de Formulario.

Si desea que el widget de entrada de texto sea más grande, seleccione la opción "Varias líneas" en el panel contextual. A continuación, puede cambiar las dimensiones para llenar cualquier espacio.

Archivo

El widget de entrada de archivos es similar a la entrada de texto, con la posibilidad de asignar la entrada a una columna de una tabla Tulip o a una variable. Es necesario asignar una variable al widget de entrada de archivos para poder utilizar los datos más adelante en la aplicación. Seleccione esta variable de una lista de variables de archivo, o créela en línea desde el desplegable Selección de variables.File Input Widget.png

Puede utilizar el botón de carga con forma de nube para importar un archivo desde su dispositivo al widget de entrada o introducir directamente la URL del archivo.

Número

Un widget de entrada de número también es similar a los widgets anteriores, ya que necesita que se le asigne una variable de número para utilizar adecuadamente los datos introducidos. Seleccione una variable existente o cree una escribiendo un nombre y seleccionando Crear.

Una vez añadida una Variable, en este caso se revela una opción adicional.

En la opción Formato, se puede seleccionar tanto Entero como Decimal para la visualización de la información. Un tipo Entero muestra sólo el número entero, mientras que un Decimal muestra hasta el número de cifras significativas seleccionadas. La opción Precisión determina este número de cifras a mostrar.

Selección única

Para utilizar mejor este widget, asegúrese de que conoce las matrices

El widget de entrada de selección única permite seleccionar una opción de una lista, con una serie de potentes configuraciones. Al igual que con otros widgets de entrada, puede seleccionar el tipo de fuente de datos: registro de tabla de tulipán o variable:

Una forma muy sencilla de utilizar esto es asignar o crear una variable de texto en el campo Variable, y mostrarla como un desplegable con valores creados estáticamente. Puede añadir opciones seleccionando 'Nueva Opción' justo debajo del campo Opciones. Una vez hecho esto, se ve así:

Si cambias el campo Visualización a Menú, el widget adoptará la siguiente forma para su visualización:

También puedes listar las Opciones como partes de una variable Array.

En este método, puede seleccionar todos los componentes de la Matriz seleccionada. El Array es la variable seleccionada debajo de las Opciones, y la Variable llamada 'Test' almacenará el valor seleccionado por el usuario de la lista de opciones.

Utilizar la configuración de la Variable de Matriz es extremadamente poderoso, ya que le permite tomar opciones de la matriz existente, y también empujar nuevos valores a la matriz para ser seleccionados. Como ejemplo, un botón puede añadir una opción a este widget añadiendo un Trigger. el trigger podría tener este aspecto:

En este ejemplo, el botón añade la opción 'Algo Nuevo' al Widget de Menú o Entrada Desplegable.

Multiselección

La opción Multiselect sigue las mismas configuraciones que el widget Single Select, con algunas pequeñas diferencias de configuración. El widget Multiselect no se puede asignar a un Registro de Tabla Tulipán. Además, la salida resultante de este widget debe ser una Matriz de Texto, en lugar de simplemente una variable de Texto como en el widget de Selección Simple.

Esto le permite seleccionar múltiples opciones del Menú o Desplegable, y enviarlas a una variable de Matriz. La configuración de la vista y las opciones de selección son exactamente las mismas que las del widget de selección única, detalladas anteriormente. El widget de selección múltiple se mostrará como se indica a continuación.

Selector de fecha

Una vez seleccionado, elija o cree una variable Datetime para asociarla con el widget, o una columna de una Tulip Table. Si elige Tulip Table Record como fuente de datos, la entrada se escribirá directamente en la tabla. Si elige Variable como fuente de datos, la salida del Datetime seleccionado se almacenará en la variable dada.

El widget permite que el usuario seleccione la fecha y hora dentro de una aplicación en un paso normal. La interfaz tiene este aspecto en el reproductor:

Imagen

El widget Imagen permite al operador tomar una imagen en el paso o cargar una imagen desde el almacenamiento local. Este widget necesita una variable de tipo de datos URL de imagen para almacenar la imagen tomada en una variable apropiada.

Seleccionando un Datasource de Tulip Table Record, puede guardar la imagen directamente en una Tulip Table. Tenga en cuenta que la relación de aspecto también se puede ajustar en el panel contextual de este widget.

Dentro del Reproductor, los usuarios también pueden "Voltear" y "Girar" la vista en directo desde la cámara.

Firma

El widget de entrada de firma puede utilizarse para solicitar a un operador que firme y valide los datos de una variable, los campos de un registro de tabla, o ambos.Signature Input Widget.png

Es necesario definir los datos que debe validar la firma y el widget de entrada incluye también otras opciones de configuración, como designar a un firmante, añadir una descripción del significado de la firma y exigir un comentario si es necesario.


¿Ha encontrado lo que buscaba?

También puedes dirigirte a community.tulip.co para publicar tu pregunta o ver si otras personas se han enfrentado a una pregunta similar.


¿Te ha sido útil este artículo?