MENU
    Añadir widgets de entrada a los pasos
    • 24 Mar 2025
    • 6 Minutos para leer
    • Colaboradores

    Añadir widgets de entrada a los pasos


    Resumen del artículo

    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

    Seleccione 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 la entrada en toda la aplicación para construir diversas lógicas.

    Registro de tabla tulipán

    Asignando 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 disparador que se activa cuando se produce 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 entrada 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 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 de tulipanes 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 lateral. A continuación, puede cambiar las dimensiones para llenar cualquier espacio.

    Archivo

    El widget de entrada de archivo 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 menú desplegable de selección de variables.File Input Widget.png

    Puedes utilizar el botón de carga con forma de nube para importar un archivo desde tu 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 como fuente de datos para utilizar adecuadamente los datos introducidos. Seleccione una variable existente o cree una escribiendo un nombre y seleccionando Crear.

    Number Input Property Panel

    Si añade una variable numérica, aparecerá una opción de formato adicional.

    Number Variable Format

    Una fuente de datos de variable Entera muestra sólo el número entero, mientras que una fuente de datos de variable Decimal muestra hasta el número máximo de decimales configurado.

    Nota: El ajuste del formato de visualización con decimales máximos no altera el valor numérico real que se almacena.

    Ejemplos para un máximo de decimales de 3

    • 0.12345 se mostrará como 0.123
    • 0.12 se mostrará como 0.12
    • 0.1236 se mostrará como 0.124 (redondeado al alza)

    Selección simple

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

    El widget de entrada de selección única le 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 Array. La configuración de las opciones de vista y selección son exactamente las mismas que las del widget de selección única, detalladas anteriormente. El widget Multiselect se mostrará como se indica a continuación.

    {Altura="" Ancho "350"}

    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 Datasource, la entrada 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 entonces que el Datetime sea seleccionado por el usuario dentro de una App 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 "Rotar" la vista en directo desde la cámara.

    Firma

    El widget de entrada de firma se puede utilizar 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?