Tipos de controles en Jitterbit App Builder
Controles son conjuntos definidos de datos que se muestran en un Panel en App Builder, y el Tipo de Control determina cómo se mostrarán los datos y, más específicamente, cómo se verán. Mientras que la mayoría de los Tipos de Control requieren seleccionar un objeto de datos, algunos no. Las diferentes opciones para un Tipo de Control son las siguientes:
| Nombre | Descripción |
|---|---|
| Autocompletar | Al editar un campo, aparecerá una lista desplegable con otras entradas en la columna. Si se va a utilizar un objeto de datos específico para la lista, se puede especificar seleccionándolo del menú desplegable Agrupar por; de lo contrario, el control se ajustará a los elementos de la columna. Hay tres opciones de filtro para la lista:
|
| Botón | Los botones se pueden usar para activar un evento, para enlazar a una nueva página dentro de la aplicación o para enlazar a una URL externa. |
| Grupo de Botones | Un elemento de control gráfico con pestañas que permite al usuario elegir solo una de un conjunto predefinido de opciones. Similar al Tipo de Control de Radio. Este tipo de Control requiere una fuente para extraer los valores de Clave y Título. Consulte a continuación para obtener más información sobre el Tipo de Control de Grupo de Botones. |
| Casilla de verificación | Muestra un campo de casilla de verificación. La casilla de verificación está vinculada a una columna de fuente de datos Booleano/Bit. La casilla de verificación se mostrará llena si el valor es 1/verdadero y vacía si es 0/falso. Si la opción Invertir está habilitada, la casilla de verificación estará vacía si el valor es 1/verdadero y llena si es 0/falso. Las columnas Booleanas generalmente se configuran para no permitir nulos y se establecen en 0 por defecto. |
| Selector de Color | Muestra un cuadro con el color apropiado de un código de color hexadecimal dado. Por ejemplo, una columna de tabla con el código hexadecimal #000000 mostrará un cuadro negro. Cuando se edita una fila del selector de color, se abrirá una rueda de colores. |
| Fecha | Al crear un control de Fecha, los usuarios pueden elegir si el control muestra la fecha, la hora o ambos. La opción predeterminada es Detectar, que determinará el subtipo de control según el tipo de datos lógico de la columna de datos. Cuando se edita un control de Fecha en una aplicación, aparecerá un calendario que permitirá a los usuarios seleccionar una fecha. Para los controles de Fecha con hora y fecha habilitadas, hacer clic en el ícono de Hora abrirá un reloj. |
| Control Dinámico | Un Control Dinámico puede cambiar su tipo según los datos que recibe. Esto es especialmente útil para formularios que utilizan múltiples tipos de entrada. Tipos de Control compatibles con Control Dinámico:
|
| Incrustar | Incrusta un archivo desde una URL que está en una columna de tabla (puede ser un objeto binario/Panels de una sola fila). |
| Archivo | Permite subir un archivo. La Columna de Objeto de Datos sobre la que se basa un tipo de control de Archivo necesita ser binaria para que este tipo de control funcione correctamente. Para referencia, consulte el Tutorial de Contenedor de Archivo Genérico. |
| Grupo | Seleccionar Grupo permite al usuario crear un grupo para el panel, donde se pueden colocar los Controles seleccionados en agrupaciones lógicas. |
| HTML | El tipo de control HTML tiene una serie de plantillas que se pueden usar para completar varias tareas. Por ejemplo, la plantilla de Panel Centrado creará una página que permite al usuario insertar una imagen y escribir una breve descripción. La Imagen de Panel Completo inserta una imagen de la tabla utilizando codificación HTML. La plantilla de Google Maps toma una dirección en la tabla de datos y la muestra ya sea en vista de mapa o en vista de calle. Los valores del mapa también se pueden usar para mostrar una vista de calle de Google. LinkedIn permite enlazar a un perfil de LinkedIn. |
| Ícono | Selecciona una imagen que se mostrará junto a otros controles en el panel. |
| Imagen | Muestra una imagen de la base de datos de App Builder. Puede formatearse como 'ícono' o 'foto' en Propósito de Imagen, dependiendo de la salida deseada. |
| Línea | Muestra una línea horizontal delgada cuando se agrega a un panel. El Tipo de Control de Línea está diseñado principalmente para su uso en un Panel de Una Sola Fila en App Builder. El valor de Ancho para el Tipo de Control de Línea define cuán ancho, horizontalmente, se muestra la línea en la pantalla. Si dejas el Ancho nulo o en blanco (pero no 0), la línea ocupará el 100% de su espacio asignado. Si proporcionas un valor numérico de Ancho, como 25, ocupará 25 "Zudy's" del espacio asignado. |
| Lista | Permite al usuario seleccionar de una lista de valores válidos. El Objeto de Datos de Origen es la tabla o el objeto de negocio que contiene los valores necesarios para la lista desplegable, así como tanto la Clave como el Título necesarios para el Control. |
| Numérico | Muestra números. |
| Contraseña | Encripta el texto cambiando el texto a puntos. |
| Barra de Progreso | Inserta una barra de progreso, que se puede usar para ilustrar visualmente el progreso en una tarea o proceso. La visibilidad del estado de un sistema o proceso es importante para los usuarios en un buen diseño de UI/UX, ya que les proporciona retroalimentación sobre lo que está sucediendo. Consulte a continuación para obtener más información sobre el Tipo de Control de Barra de Progreso. |
| Radio | Un elemento de control gráfico que permite al usuario elegir solo una de un conjunto predefinido de opciones. Este tipo de Control requiere una fuente para extraer los valores de Clave y Título, y está disponible para Paneles de Tablero, Paneles de Carril y tipos de Panel estándar. |
| Espacio | Inserta espacio visual en blanco, sin necesidad de hacerlo en HTML. Esta función está diseñada principalmente para su uso en un Panel de Una Sola Fila en App Builder. |
| Texto | Muestra texto. Este texto también se puede usar para activar un evento: eliminar o guardar, enlazar a una nueva página dentro de la aplicación o enlazar a una URL externa. |
| Área de Texto | Muestra texto en un contenedor de mayor tamaño y permite saltos de línea. |
| Etiquetas | Permite al usuario seleccionar uno o más valores de una lista de valores válidos. Los valores seleccionados se almacenan en una sola columna de texto de la base de datos como una lista delimitada por comas. El objeto de datos de origen proporciona los valores de clave y título para las etiquetas disponibles. Consulte Etiquetas para obtener detalles y limitaciones conocidas. |
| Plantilla | Tipo de Control que tiene una serie de Plantillas diferentes que se pueden usar para realizar diversas tareas, incluyendo HTML y JSON. |
El ajuste de Edge Case > Sort Column permite a un usuario ordenar los datos en cualquier control en una columna diferente a su columna de origen.
Barra de progreso
Un tipo de control de Barra de Progreso se puede utilizar para indicar visualmente a un usuario de App Builder cuán avanzado está en un proceso, o el progreso o la completitud de una tarea en particular. Por ejemplo, puede que desee mostrar una Barra de Progreso para indicar cuán completa está la información que está intentando capturar actualmente. El porcentaje llenado en una Barra de Progreso dada depende de necesitar un valor de la base de datos que esté entre 0 y 1, donde 1 = 100% (0.4 se mostraría como 40%).
La Barra de Progreso admite los siguientes Subtipos:
- Apilada = muestra la etiqueta y el valor porcentual debajo de la barra
- Barra normal = muestra el porcentaje dentro de la barra
Puede formatear la forma en que el texto aparece en la Barra de Progreso utilizando la Cadena de Formato (disponible en Edge Case), y puede personalizar aún más el control utilizando Estilos.
Grupo de botones
El tipo de control de Grupo de Botones obtiene datos como lo hacen los Controles de Radio hoy en día, pero produce botones que son clicables para establecer ese valor correspondiente. Admitirán el Modo Excel y aparecerán como botones si lo hacen (similar a cómo las casillas de verificación guardan automáticamente el valor cuando se hace clic si utiliza el Modo Excel). Algunos estilos son controlados por Temas que puede aplicar al campo.
Etiquetas
El control de Etiquetas permite a los usuarios seleccionar uno o más valores de una lista de valores válidos. Los valores seleccionados se almacenan juntos en una sola columna de texto de la base de datos como una lista delimitada por comas (por ejemplo, TagA,TagB,TagC). Al igual que el control de Lista, el control de Etiquetas requiere un objeto de datos de origen que proporcione los valores de clave y título para las etiquetas disponibles.
El control de Etiquetas aparece en el grupo de Edge Case en la lista de tipos de control.
Limitaciones conocidas
- No se admite el filtrado. No se pueden agregar campos de control de Etiquetas a un panel de filtrado.
- Los enlaces no son compatibles. Ni los enlaces estáticos ni los enlaces dinámicos se pueden configurar en el control de Etiquetas.
- Los enlaces de recuperación no están disponibles. Los enlaces de recuperación no se aplican a los controles de selección múltiple y no se muestran en las propiedades del control de Etiquetas.