Selector de Color (tipo de control) en Jitterbit App Builder

Un control Selector de Color muestra una muestra de color para un código de color hexadecimal almacenado en una columna, y permite que los usuarios seleccionen un color nuevo desde una rueda de colores; App Builder guarda el valor hexadecimal del color seleccionado de vuelta en esa columna. Por ejemplo, un panel de Equipos podría usar un control Selector de Color para registrar el color de cada equipo.

Agregar un control Selector de Color

Para agregar un nuevo control Selector de Color a un panel, usa el diálogo Agregar un Control y selecciona ColorPicker como el Tipo de Control:

Convertir un control existente a un control Selector de Color

Para cambiar un control existente para usar el tipo de control Selector de Color:

1. Navega hacia el control, usando ya sea el Diseñador en Vivo o el Área de Trabajo de App:

   • Desde la vista previa de la app, abre la página que contiene el control y selecciona Cajón de Acciones > Diseñador en Vivo.

   • Desde el Área de Trabajo de App, abre la pestaña Páginas, luego en el panel de Páginas, localiza la página que contiene el control y ya sea haz doble clic en su fila o haz clic en el icono Abrir registro. En el panel Diseño del Panel de Página, encuentra el panel que contiene el control y haz clic en Controles.

2. Si estás en el Diseñador en Vivo, haz clic en el control en la vista de página; esto poblará el Diseñador en Vivo con opciones de edición para ese control. Si estás en el Área de Trabajo de App, en el panel de Controles, encuentra el control y ya sea haz doble clic en su fila o haz clic en el icono Abrir registro al final de su fila; App Builder abre un diálogo similar al del Diseñador en Vivo.

3. En la pestaña Propiedades del Control, establece el campo Tipo de Control a ColorPicker.

4. Haz clic en Guardar.

Actualiza la vista de la aplicación para confirmar la actualización. El control ahora muestra una muestra del color almacenado en la columna. Hacer clic en el control abre una rueda de colores; seleccionar un color nuevo guarda su valor hexadecimal en la columna y actualiza la muestra.