Elementos de formulario
Una vez más, los formularios basados en modelos son un medio de presentar datos para la edición y la visualización. Tienen un diseño con capacidad de respuesta que se puede representar en cualquier dispositivo donde se utilicen aplicaciones basadas en modelos. Al crear un nuevo formulario, el tipo de formulario es Principal. Uno de los objetivos de diseño de un formulario principal es tener solo uno por tabla que se pueda usar en todas partes. Vamos a ver qué elementos habrá en el formulario.
Organización del formulario
Los formularios se organizan en encabezado, cuerpo y pie de página; cada uno de ellos puede contener elementos de formulario, como columnas. El cuerpo del formulario se estructura además con áreas denominadas pestañas, que contienen secciones. Las pestañas y las secciones se pueden configurar para admitir columnas de elementos de formulario que den más estructura al contenido. La primera pestaña de un formulario es la más importante y debe contener los datos prioritarios que el usuario debe ver. Aunque puede configurar muchas pestañas, si limita su número con una agrupación lógica de datos puede conseguir una experiencia más útil, porque el usuario no tendrá que estar buscando constantemente por las pestañas para encontrar las cosas. Además, poner un montón de pestañas en el formulario puede afectar al rendimiento, especialmente en el caso de usuarios de dispositivos móviles.
Diseñador de formularios
La tarea más común que realizará al editar formularios es colocar los controles de columnas en el formulario. Eche un vistazo a la interfaz del Diseñador de formularios para agregar o modificar un formulario en su aplicación. El formulario está en una ventana de lienzo en el centro de la pantalla. Como puede ver, hay una barra de comandos en la parte superior —que le proporciona algunas funciones rápidas y vínculos de navegación— y un menú lateral, con el que puede navegar por diferentes opciones para mostrar en el panel del lado izquierdo.
Propiedades y columnas de tabla
La lista Columnas de tabla, que inicialmente aparece en el panel de la izquierda, le muestra las columnas disponibles del origen de datos. Puede optar por mostrar solo las columnas que no ha utilizado, o bien puede mostrarlas todas. A la derecha de la pantalla, hay un panel que contiene las propiedades de cualquier parte seleccionada del formulario.
Puede agregar la misma columna al formulario muchas veces si lo necesita; el valor mostrado será el mismo en todos los casos. Las columnas de tabla agregadas a su formulario se convierten en campos de formulario. Puede eliminar cualquier campo no obligatorio, u ocultar cualquier campo obligatorio, sin que ello afecte a los datos. La eliminación solo los agrega de nuevo a la lista de columnas de tabla no utilizadas.
En la pestaña Propiedades, puede hacer cosas como ajustar el nombre del campo o la visibilidad y activar/desactivar la alternancia del modo "solo lectura". Si no hay una configuración especial, una columna se representa con controles de entrada según el tipo de datos de la columna. Por ejemplo, una columna del tipo Elección mostrará los datos en una lista desplegable.
Componentes
Si selecciona el campo Componentes en el raíl lateral o la opción Componente en la barra de comandos, el menú Componentes aparecerá en el panel lateral izquierdo. Los componentes le permiten personalizar aún más el formulario. Las opciones de diseño le aportan formas adicionales de organizar la estructura física del formulario. Los componentes de la cuadrícula le permiten introducir datos a través de una cuadrícula. Los componentes de visualización le permiten insertar calendarios, sitios web externos, aplicaciones de lienzo y otros elementos en la experiencia del formulario. Los componentes de entrada de datos le proporcionan a su usuario otros medios de introducir datos, como casillas de verificación, conjuntos de opciones, conmutadores de alternancia y entradas de lápiz. La lista de componentes disponibles se amplía continuamente, y contiene opciones como los informes de Power BI.
Agregar componentes
Cuando seleccione un componente para agregarlo, Power Apps le preguntará en qué campo puede aplicar ese componente y le pedirá que anote en qué plataformas mostrarlo. Si no hay una columna de tabla en la que pueda aplicar el componente, no podrá insertarlo. En el ejemplo siguiente, hemos seleccionado un Control de editor de texto enriquecido. Se nos pide que seleccionemos una Columna de tabla (es un campo obligatorio) y el menú desplegable nos ofrece dos campos donde podríamos agregar este control. Al seleccionar uno de ellos, el control se agrega al lienzo del formulario.
Tenga en cuenta que puede determinar en qué factor de forma desea que aparezca este componente, de modo que puede utilizar un componente distinto para el mismo campo y para diferentes factores de forma.
Configuración del formulario
La configuración del formulario nos permite instalar controles en segundo plano en los formularios sin que el usuario se dé cuenta, definiendo así qué formulario verá. Podemos definir roles de seguridad en el formulario para controlar cosas como el acceso, el orden de los formularios y los formularios de reserva. Además, la configuración del formulario nos permite comprobar el acceso al formulario de un grupo de seguridad determinado. La siguiente imagen muestra la pestaña Roles de seguridad.
La opción Orden de los formularios le permite establecer qué formulario irá primero y cuál después en función de su rol de seguridad. Le permite hacer que se muestren diferentes formularios en función del usuario. Los formularios de reserva le permiten habilitar un formulario en concreto cuando un rol de seguridad no tenga un formulario seleccionado, o viceversa.
Mostrar u ocultar elementos de formulario
También puede mostrar u ocultar elementos con el panel Propiedades de cada elemento. Las pestañas, las secciones, las columnas, los iFrames y los recursos web proporcionan esta opción. Cuando use scripts de formularios o reglas de negocio, podrá controlar la visibilidad de estos elementos para crear un formulario dinámico para interfaz de usuario que se adapte a las condiciones del formulario.
En lugar de diseñar formularios que dependan de scripts para controlar las opciones de visibilidad, puede aplicar una regla de negocio (o cambiar a otro formulario) para satisfacer sus requisitos. Si utiliza scripts, asegúrese de que cualquier elemento que pueda estar oculto esté oculto de forma predeterminada. Muestre un elemento con scripts únicamente cuando la lógica lo requiera. De esta forma, no aparecerá en presentaciones que no sean compatibles con scripts.
Controladores de eventos de formulario
Los controladores de eventos de formulario permiten configurar la lógica del desarrollador que se ejecuta cuando el usuario interactúa con el formulario. Puedes acceder a ellos desde la pestaña Eventos de ese elemento en el panel lateral derecho; sin embargo, debe agregar una biblioteca antes de establecerlos.
Los controladores de eventos de formulario se pueden configurar para las siguientes áreas de un formulario:
| Elementos | Evento | Descripción |
|---|---|---|
| Formulario | OnLoad | Cuando se carga el formulario. |
| OnSave | Cuando se guardan los datos. | |
| Pestaña | TabStateChange | Cuando la pestaña se expande o se contrae. |
| Columna | OnChange | Se produce cuando los datos de la columna cambian y el control pierde el foco. |
| IFrame | OnReadyStateComplete | Se produce cuando se carga el contenido de un iFrame. |
Un controlador de eventos consiste en una referencia a un recurso web de JavaScript y a una función definida dentro de ese recurso web que se ejecutará cuando ocurra el evento. Cada elemento puede tener hasta 50 controladores de eventos diferentes configurados.
La mayoría de las veces, los desarrolladores crean los controladores de eventos, aunque es posible que desee revisar cómo está configurado el formulario.
Además de agregar controladores de eventos desde la pestaña Eventos, en el panel lateral derecho, también puede cargarlos en el formulario mediante el panel Bibliotecas de formularios. Puede acceder a este panel desde el raíl de navegación izquierdo o desde la barra de comandos. Seleccione Agregar biblioteca para que aparezca la opción Agregar biblioteca de JavaScript, donde puede seleccionar el recurso web y aplicarlo al formulario.
Resumen
El Diseñador de formularios de Power Apps le ofrece la capacidad de crear y controlar todos los aspectos de su formulario a través de campos, componentes, configuraciones y controladores de eventos. Puede diseñar fácilmente un formulario básico a partir de las columnas de su tabla de datos. También puede diseñar formularios de gran complejidad que se ajusten al rol de seguridad del usuario, ejecuten scripts durante la interacción del usuario y proporcionen una interfaz gráfica con datos.
En la siguiente unidad, exploraremos cómo configurar varios formularios.