Dynamic layouts
Los dynamic layouts permiten organizar los elementos designados, como campos y controles, en un formato flexible que se ajusta automáticamente al tamaño de la pantalla. Los dynamic layouts admiten comportamientos responsivos en varios dispositivos, como computadoras, tables y teléfonos. Según el tamaño de la pantalla, los dynamic layouts modifican la visualización del contenido ajustando elementos a la línea siguiente. Eso elimina la necesidad de incluir barras de desplazamiento horizontal en pantallas pequeñas.
Nota: Los dynamic layouts están disponibles solo para interfaces de usuario basadas en un tipo de documento HTML5. Las aplicaciones creadas con versiones anteriores a Pega 7.0 podrían no contar con las funciones dinámicas más recientes de la interfaz de usuario de Pega PlatformTM. Es posible usar la landing page de HTML5 Application Readiness (Preparación de aplicaciones HTML5) para actualizar la aplicación. Para obtener más información al respecto, consulte el tema de ayuda sobre la landing page de HTML5 Application Readiness (Preparación de aplicaciones).
Compruebe sus conocimientos con la siguiente actividad.
Plantillas de diseño para dynamic layouts
Las plantillas de diseño son layouts con formato prestablecido. Muchas plantillas de diseño brindan formatos comunes para dynamic layouts, como la organización de contenido en una, dos o tres columnas. Toda plantilla de diseño divide el layout en una o más regiones. Un desarrollador puede colocar campos en cada región para organizar rápidamente el contenido de una vista. Si la plantilla de diseño se basa en un dynamic layout, usar una pantalla de distinto tamaño puede hacer que se reorganicen los contenidos de la vista.
Nota: Un puñado de plantillas de diseño brinda formatos para layouts distintos de los dynamic layouts.
La siguiente imagen incluye algunos ejemplos de plantillas de diseño provistos por Pega.
Cada vista puede contener una plantilla de diseño. Se pueden combinar vistas modulares pequeñas en una vista más grande para simular el uso de múltiples plantillas en una misma vista.
Por ejemplo, una vista de información del cliente contiene datos del domicilio y de facturación. La plantilla predeterminada para esta vista es de una columna, pero es posible que las partes interesadas quieran ver los datos en dos columnas: una para el domicilio de residencia y otra para el domicilio de facturación.
Luego, las partes interesadas deciden que la información del cliente debería estar separada para evitar la necesidad de desplazarse para acceder a todos los campos. Además, se solicita un cambio adicional: agrupar el estado o la provincia y el teléfono del cliente en una columna distinta, junto con el resto de los datos del domicilio de residencia. El desarrollador crea una vista para el domicilio de residencia con la plantilla de dos columnas y luego hace referencia a esa vista en la primera columna de la vista original, que también usa la plantilla de dos columnas. ¿El resultado? Una plantilla dentro de una plantilla.
En el centro de la siguiente imagen, deslice la línea vertical para ver la transición de una plantilla de dos columnas a una plantilla de dos columnas dentro de una plantilla de dos columnas insertada en la primera columna.
Compruebe sus conocimientos con la siguiente actividad.
This Topic is available in the following Module:
If you are having problems with your training, please review the Pega Academy Support FAQs.
¿Quiere ayudarnos a mejorar este contenido?