Day 12 ¿Que entendiste del tema: Interfaces 103: Build Dynamic Interfaces?

Marco Polo Martínez Badillo

RESUMEN JOSE DIEGO SANCHEZ PEREZ

Interfaces 103: Build Dynamic Interfaces    

Para poder generar una interfaz dinámica podemos hacer uso de varios métodos para que los componentes puedan generar un estilo dinámico, en este caso se realizaron tres formas para construir una interfaz dinámica. 

Lista Dinámica:  

Se agrego una consulta a la interfaz y se utilizaron los datos consultados para completar los radio buttons de las direcciones. También se utilizaron las funciones condicionales if() y a!forEach(), la variable de función fv!item para formatear cada elemento del array de los datos devueltos y por último se guardó el valor de la dirección seleccionada en la entrada de la regla. 

Enlace Dinámico: 

Define un vínculo que desencadena actualizaciones de una o más variables. Los enlaces se pueden usar en gráficos, cuadrículas, navegadores de jerarquía, imágenes, campos de enlace, hitos, selectores y texto enriquecido. 

En esta interfaz se crearon variables locales para aceptar nuevos valores temporales del usuario. 

Específicamente se creó una variable local para establecer el indicador de visibilidad de un componente. Después se utilizó la función a!save para configurar un botón para aceptar una lista compleja de guardados. Se configuro un enlace dinámico que pueda funcionar como un botón para guardar un valor en una o más variables. 

Grid Editable: 

Los Grid Editable son una herramienta poderosa en Appian. Con él se puede crear tablas que los usuarios pueden editar directamente desde la interfaz. 

En esta interfaz se usaron rules inputs y variables locales para aceptar los valores del usuario. Para configurar y hacer referencia a los componentes de una fila en una Grid Editable se hizo uso de la función de  a!forEach y la variable fv!item.  

Para agregar o eliminar las filas de información se puede hacer uso de las funciones a!save, append y remove para indicarle a Appian cómo actualizar las rule inputs. 

Se tienen que usar expresiones para definir los valores de los campos calculados. 

Evidencia de la actividad Build a Dynamic List y Build a Dynamic Link

Evidencia de la actividad  Build an Editable Grid

Marco Polo Martínez Badillo

RESUMEN JOSE DIEGO SANCHEZ PEREZ

Interfaces 103: Build Dynamic Interfaces    

Para poder generar una interfaz dinámica podemos hacer uso de varios métodos para que los componentes puedan generar un estilo dinámico, en este caso se realizaron tres formas para construir una interfaz dinámica. 

Lista Dinámica:  

Se agrego una consulta a la interfaz y se utilizaron los datos consultados para completar los radio buttons de las direcciones. También se utilizaron las funciones condicionales if() y a!forEach(), la variable de función fv!item para formatear cada elemento del array de los datos devueltos y por último se guardó el valor de la dirección seleccionada en la entrada de la regla. 

Enlace Dinámico: 

Define un vínculo que desencadena actualizaciones de una o más variables. Los enlaces se pueden usar en gráficos, cuadrículas, navegadores de jerarquía, imágenes, campos de enlace, hitos, selectores y texto enriquecido. 

En esta interfaz se crearon variables locales para aceptar nuevos valores temporales del usuario. 

Específicamente se creó una variable local para establecer el indicador de visibilidad de un componente. Después se utilizó la función a!save para configurar un botón para aceptar una lista compleja de guardados. Se configuro un enlace dinámico que pueda funcionar como un botón para guardar un valor en una o más variables. 

Grid Editable: 

Los Grid Editable son una herramienta poderosa en Appian. Con él se puede crear tablas que los usuarios pueden editar directamente desde la interfaz. 

En esta interfaz se usaron rules inputs y variables locales para aceptar los valores del usuario. Para configurar y hacer referencia a los componentes de una fila en una Grid Editable se hizo uso de la función de  a!forEach y la variable fv!item.  

Para agregar o eliminar las filas de información se puede hacer uso de las funciones a!save, append y remove para indicarle a Appian cómo actualizar las rule inputs. 

Se tienen que usar expresiones para definir los valores de los campos calculados. 

Evidencia de la actividad Build a Dynamic List y Build a Dynamic Link

Evidencia de la actividad  Build an Editable Grid