Mostraremos las primeras pantallas que resultarán de nuestro nuevo generador responsivo y explicaremos el funcionamiento de los nuevo controles "PXTools Responsive Layout" y "PXTools Smart Menus".
17. #GXMX
Generador Responsivo - Demo
• Insert con carga de variables antes de llamar a Transacción.
• Modelo con acciones fuera y dentro de grilla.
• Búsqueda única
• Búsqueda avanzada y órdenes predefinidos
• Orden por columnas por base de datos
• Controles avanzados de paginación
• Manejo de Template
• Interacción con JQuery y JQueryUI
18. #GXMX
Nuevos métodos soportados (UC / Javascript)
• Métodos de Posicionamiento (JQueryUI)
– Position
– ParentPosition
• Métodos y Eventos relacionados a acciones del Mouse (JQuery)
– OutsideEvent
– ParentOutsideEvent
– OnOutsideClick
• Cambiar clases de elementos desconocidos x GeneXus (JQuery)
– AddClass
– RemoveClass
19. #GXMX
Nuevos métodos soportados (GeneXus)
• Cambio de clases de elementos conocidos por GeneXus
– AddClass
– HasClass
– RemoveClass
– RemoveHiddenClasses
– RemoveOffsetClasses
– ReplaceClass
– ToogleClass
– ToogleClasses
– ToogleClassRemoveOffset
– ToogleShowHideClasses
24. #GXMX
PXTools Responsive Layout - Demo
• User Control en el Development Environment.
• Carga de parámetros basados en DataProvider.
• Soporte de plataformas: Dimensiones y Tipo de Dispositivo.
• Modo de regiones: Push o Float y Smart para región Top.
• Regiones Left y Right: Full o entre Top y Bottom.
• Adaptabilidad según cambios de plataformas.
• Bloqueo del resto de las áreas al Flotar.
• Superposición de áreas Flotantes según orden de aparición.
• Manejo de scroll único o scroll por cada área.
• Métodos para realizar cambios en Run-Time
25. #GXMX
PXTools Responsive Layout - Métodos soportados
• Métodos de Visibilidad
– Show, Hide, ToogleVisible
• Métodos relacionados a Modos
– Float, Push, ToogleMode
• Métodos relacionados a manejo de Smart Top
– Maximize, Minimize, ToogleSize
• Propiedades para saber el estado de cada región
31. #GXMX
PXTools Smart Menus - Demo
• User Control en el Development Environment.
• Carga de datos basados en DataProvider.
• Comportamientos:
– Horizontal Responsivo Push
– Horizontal Responsivo Float
– Horizontal Smart
– Vertical
• Propiedad de cambio de comportamiento responsivo
• Propiedad de cambio de tema.