El Menú Admite Objetos de Datos
Los menús admiten la capacidad de ser controlados por un objeto de datos. Esta función admite lo siguiente:
- Etiquetas dinámicas, que permiten cosas como "Bienvenido {{Username}}"
- Enlaces dinámicos, incluidos los criterios de vinculación en esos enlaces
- Imágenes dinámicas como perfiles de usuario
- Temas condicionales
- Reglas de visibilidad que podrían controlar la visibilidad de los elementos del menú
Cómo Configurar un Menú Existente con un Objeto de Datos
- Desde la capa de aplicación, vaya a Cajón de acciones > Diseñar un menú
- Localice el menú existente en el panel Menú y haga clic en el ícono emergente correspondiente
- Haga clic en el botón Editar
- Seleccione el objeto de datos que se utilizará como valor de la Regla de origen
- Haga clic en Guardar
Cómo Configurar un Nuevo Menú con un Objeto de Datos
- Desde la capa de aplicación, vaya a Cajón de acciones > Diseñar un menú
- Haga clic en Crear en el panel Menús
- Asigne un Nombre al menú. Por ejemplo: Menú de ventas del norte
- Haga clic en el icono Temas de elementos de menú para configurar cualquier información de tema para el menú
- Seleccione el objeto de datos apropiado en el menú Regla de origen
- Haga clic en Guardar
Después de configurar la información anterior, si está utilizando un menú nuevo y no el Menú del sitio, también debe configurar esta información en el Diseño de la aplicación:
- Navegue hasta el App Builder IDE > Crea tu aplicación
- Haz clic en el ícono de engranaje Abrir registro de la aplicación desde el panel Aplicaciones
- Haz clic en el ícono de edición con forma de lápiz para Menú desde el panel Regiones
- Selecciona el nuevo menú como Control predeterminado
- Haz clic en Continuar
Cómo Insertar una Imagen en el Menú
Puede haber casos de uso en los que desee mostrar una imagen dentro de un menú. Con esta nueva función, puede mostrar una imagen dentro de la región del menú, y esa imagen puede basarse en información almacenada en el objeto de datos al que conecta el menú. Este ejemplo supone que ya tiene un objeto de datos con una columna que captura la información UUID de la imagen.
Nota
Las imágenes se pueden almacenar en el objeto de datos como UUID, cadena base64 o tipo de columna binaria con la imagen en sí allí.
Para Localizar un UUID de Imagen Almacenada Localmente
- Navegue hasta App Builder IDE > Diseña tu apariencia
- Localiza la Colección donde subiste la imagen para almacenarla localmente
- Explore en profundidad Imágenes la colección identificada
- Haga doble clic en la imagen cuyo valor UUID desea obtener.
- Seleccione la parte del valor URL relativa que aparece a continuación
/image/
. Por ejemplo:50e85d87-e283-4953-983f-0bc3e18b3a7e
- Copia el valor en el portapapeles
- El valor UUID es lo que quieres almacenar en una columna en el objeto de datos o la regla a la que se hace referencia desde el menú
Para Agregar una Imagen a un Menú Desde un Objeto de Datos
- Desde la capa de aplicación, vaya a Cajón de acciones > Diseñar un menú
- Localiza el Menú para agregar la imagen a
- Haga clic en Crear en Elementos del menú
- Seleccione Imagen como Tipo de control
- Asignar un Nombre
- Haga clic para seleccionar la Alineación que busca. Por ejemplo: Derecha
- En Otros tipos de control, establezca la columna Fuente en la columna que contiene la URL de la imagen. Por ejemplo: Avatar
- Regrese a la capa de interfaz de usuario de la aplicación, actualice su navegador web y verifique los resultados.
Información Adicional
Si desea agregar una imagen de logotipo personalizada a una aplicación, consulte Cómo agregar un logotipo a una aplicación