pxtools: nuevo generador y nuevos controles responsivos
TRANSCRIPT
![Page 1: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/1.jpg)
PXTools: Nuevo generador y nuevos controles responsivos
Ing. Juan Marcelo Bustamante
@jmblamas @pxtoolsuy
![Page 2: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/2.jpg)
PXTools
![Page 3: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/3.jpg)
#GXMX
8Patrones– WorkWith– ParameterRequest– Composer– FlowController– OAV– Synchronization– Audit– ReportTemplate
26Módulos– APIs– Menus– ProcessStatus– SendMails– ReceiveMails– SystemParameters– Alerts– BatchPrint– ControlPreferences– Documents– DynamicCallReferences– System– Projects– TaskManager– AuditLog– OAV– PeopleOrganizations– Security– SynchronizationLog– SynchronizationWebServices– CountriesStatesCities– PrinterMarkupLanguage– IssueTracking– FileStorage– InternetofThings– BeagleBone
3MódulosSD– Help– No?fica?ons– Beacons
7UserControls– PasswordQualityChecker– ScrollLine– PasswordFlashLetter– PasswordSD– InConcert– ResponsiveLayout– SmartMenus
10Extensiones– InstanceFindandReplace– LicenseManager– InstallManager– ApplyDefault– InstanceAttacher– ReverttoPreviousDateVersion– ChangeReferece– SaveModules– SaveObjects– GenerateWebStartupObject
3ExternalObjects– PXToolsSD(SMS&Bluetooth)– JavaFileProperties– JavaChartGenerator
2ExternalPrograms– XPZConverter– KBSynchroniza?on
![Page 4: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/4.jpg)
#GXMX
Patterns UI
Filosofía PXTools
Web Desktop Smart Devices Web Responsive
![Page 5: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/5.jpg)
PXTools Generador Web Desktop
![Page 6: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/6.jpg)
#GXMX
Generador Web Desktop y GXUI
![Page 7: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/7.jpg)
#GXMX
Generador Web Desktop y GXUI
![Page 8: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/8.jpg)
#GXMX
Generador Web Desktop y GXUI
• Orden por Títulos • Scroll Interno • Ocultamiento de
Columnas • Cambio de posición de
columnas
![Page 9: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/9.jpg)
PXTools Generador Web Responsivo
![Page 10: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/10.jpg)
#GXMX
Web Responsivo
Generador Web Responsivo
Desktop Smart Devices
![Page 11: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/11.jpg)
PXTools Generador Web Responsivo
para Smart Devices
![Page 12: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/12.jpg)
#GXMX
Smart Devices
49%
36% 15%
![Page 13: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/13.jpg)
#GXMX
Smart Devices
![Page 14: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/14.jpg)
#GXMX
Smart Devices
![Page 15: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/15.jpg)
#GXMX
Generador Responsivo
![Page 16: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/16.jpg)
#GXMX
Generador Responsivo
![Page 17: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/17.jpg)
#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
![Page 18: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/18.jpg)
#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
![Page 19: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/19.jpg)
#GXMX
Nuevos métodos soportados (GeneXus) • Cambio de clases de elementos conocidos por GeneXus
– AddClass – HasClass – RemoveClass – RemoveHiddenClasses – RemoveOffsetClasses – ReplaceClass – ToogleClass – ToogleClasses – ToogleClassRemoveOffset – ToogleShowHideClasses
![Page 20: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/20.jpg)
PXTools Responsive Layout
![Page 21: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/21.jpg)
#GXMX
PXTools Responsive Layout
TOP
LEFT CENTER RIGHT
BOTTOM
![Page 22: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/22.jpg)
#GXMX
PXTools Responsive Layout
BETWEEN FULL
![Page 23: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/23.jpg)
#GXMX
PXTools Responsive Layout
![Page 24: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/24.jpg)
#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
![Page 25: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/25.jpg)
#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
![Page 26: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/26.jpg)
PXTools Smart Menus
![Page 27: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/27.jpg)
#GXMX
PXTools Smart Menus http://www.smartmenus.org/
![Page 28: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/28.jpg)
#GXMX
PXTools Smart Menus
![Page 29: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/29.jpg)
#GXMX
PXTools Smart Menus
Opción 1 Opción 2 Opción 4 Opción 3
Opción 5
Opción 7
Opción 6
![Page 30: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/30.jpg)
#GXMX
PXTools Smart Menus
Opción 1 Opción 3 Opción 2
Opción 4
Opción 7
Opción 5
Opción 6
![Page 31: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/31.jpg)
#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.
![Page 32: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/32.jpg)
Precios
![Page 33: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/33.jpg)
#GXMX
PXTools Responsive Layout
USD 94
![Page 34: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/34.jpg)
#GXMX
PXTools Smart Menu
USD 26
![Page 35: PXTools: Nuevo generador y nuevos controles responsivos](https://reader031.vdocumento.com/reader031/viewer/2022030304/5879612f1a28ab1e388b6437/html5/thumbnails/35.jpg)
#GXMX
¿Preguntas?