Configura un popover para incluir controles de página

Este ejercicio continúa donde lo dejaste, pero se han añadido varios controles de filtro a la página Review & Nominate de la app. A los directivos de Oakmark les gustan estos controles, pero quieren que los consolides para que la interfaz se vea menos recargada.

Ayúdales colapsando los controles dentro de un popover.

Este ejercicio forma parte del curso

Introducción a las Apps de IA en Sigma

Ver curso

Ejercicio interactivo práctico

Pon en práctica la teoría con uno de nuestros ejercicios interactivos

Empezar ejercicio

Este ejercicio forma parte del curso

Introducción a las Apps de IA en Sigma

PrincipianteNivel de habilidad

4.8+

6 reviews

Comienza el curso gratis

El Capítulo 1 presenta los conceptos fundamentales para crear Apps de IA en Sigma, con foco en cómo las apps integran la entrada de usuario para impulsar flujos de trabajo basados en acciones. Se hace especial hincapié en las tablas de entrada vinculadas, uno de los componentes más importantes de las apps de Sigma. Explorarás cómo crear tablas de entrada vinculadas que muestren datos del almacén junto a valores introducidos por el usuario, lo que permite interactuar directamente con los conjuntos de datos subyacentes. El capítulo también cubre buenas prácticas para gobernar la entrada de usuario, incluyendo controlar qué tipos de datos se pueden introducir y definir cuándo las tablas son editables. Al final de este capítulo, tendrás una base sólida para recopilar entradas de manera segura y eficaz manteniendo la integridad de los datos dentro de tu app.

Exercise 1: ¿Qué son las AI Apps?Exercise 2: Explora una app terminada para aprobar préstamos Exercise 3: Una app terminada para promociones de gestores de préstamos Exercise 4: Enriquecer datos existentes con tablas de entrada vinculadas Exercise 5: Entender las tablas de entrada vinculadas Exercise 6: Crear una tabla de entrada vinculada Exercise 7: Registrar nominaciones para promoción Exercise 8: Probando comportamientos de las tablas de entrada vinculadas Exercise 9: Controlar la entrada de datos en tablas de entrada vinculadas Exercise 10: Gestionar ediciones en la tabla de entrada de gestores de préstamos

En el Capítulo 2, aprenderás a hacer tus apps de IA más interactivas y receptivas usando modales y secuencias de acciones. Los modales te permiten mostrar ventanas emergentes enfocadas dentro de tu app, dando a los usuarios acceso a información adicional o un espacio para introducir datos más detallados sin recargar la interfaz principal. Verás cómo los modales pueden mejorar la usabilidad y guiar a los usuarios en tareas concretas. El capítulo también presenta las secuencias de acciones, que permiten a las apps responder de forma dinámica a acciones del usuario como hacer clic en un botón o seleccionar una fila de una tabla. Aprenderás a desencadenar múltiples efectos a partir de una sola interacción, ayudando a automatizar flujos de trabajo y agilizar la experiencia del usuario. Juntos, los modales y las secuencias de acciones te brindan herramientas potentes para crear apps que se sientan intuitivas, interactivas y con un propósito claro.

Exercise 1: Usar modales para recoger decisiones y entradas del usuario Exercise 2: Crea un modal para registrar nominaciones de promoción Exercise 3: Usar secuencias de acciones para flujos de trabajo en apps Exercise 4: Comprender las secuencias de acciones básicas Exercise 5: Crear una secuencia de acciones para abrir un modal Exercise 6: Activar la apertura y el cierre de un modal Exercise 7: Rellenar modales con valores de controles Exercise 8: Rellenar un modal con IDs de gestores de préstamos Exercise 9: Registrar nominaciones con una secuencia de acciones Exercise 10: Añadir secuencias de acciones condicionales Exercise 11: Evitar nominaciones duplicadas

El Capítulo 3 se centra en perfeccionar la interfaz y la experiencia general de tus apps de IA. Empezarás con los popovers, un elemento de la interfaz versátil que se usa para ocultar menús de filtro o mostrar información contextual solo cuando hace falta. Esto ayuda a mantener las apps limpias sin dejar de ofrecer acceso sencillo a controles y detalles. El capítulo también explora varias funciones de diseño y organización que mejoran tanto la usabilidad como el aspecto visual. Aprenderás a incorporar botones de navegación, separadores y contenedores con pestañas para estructurar el contenido y guiar mejor a los usuarios por tu app. Al final del Capítulo 3, comprenderás cómo un diseño y una disposición cuidadosos pueden hacer que tus apps de IA sean más intuitivas, pulidas y agradables de usar.

Exercise 1: Usar popovers para simplificar la interfaz de una app Exercise 2: Configura un popover para incluir controles de página

Ejercicio actual

Exercise 3: Aprovecha los botones para la navegación e interacción Exercise 4: Añadir un botón "Clear filters" en un popover Exercise 5: Añadir elementos de UI y diseño para organizar tu app Exercise 6: Poniendo a punto la app de promociones de gestores de préstamos Exercise 7: Juntándolo todo Exercise 8: Cierre