Post on 14-Jan-2017
transcript
PXTools: Nuevo generador y nuevos controles responsivos
Ing. Juan Marcelo Bustamante
@jmblamas @pxtoolsuy
jmbl@puntoexe.com.uy
PXTools
#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
#GXMX
Patterns UI
Filosofía PXTools
Web Desktop Smart Devices Web Responsive
PXTools Generador Web Desktop
#GXMX
Generador Web Desktop y GXUI
#GXMX
Generador Web Desktop y GXUI
#GXMX
Generador Web Desktop y GXUI
• Orden por Títulos • Scroll Interno • Ocultamiento de
Columnas • Cambio de posición de
columnas
PXTools Generador Web Responsivo
#GXMX
Web Responsivo
Generador Web Responsivo
Desktop Smart Devices
PXTools Generador Web Responsivo
para Smart Devices
#GXMX
Smart Devices
49%
36% 15%
#GXMX
Smart Devices
#GXMX
Smart Devices
#GXMX
Generador Responsivo
#GXMX
Generador Responsivo
#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
#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
#GXMX
Nuevos métodos soportados (GeneXus) • Cambio de clases de elementos conocidos por GeneXus
– AddClass – HasClass – RemoveClass – RemoveHiddenClasses – RemoveOffsetClasses – ReplaceClass – ToogleClass – ToogleClasses – ToogleClassRemoveOffset – ToogleShowHideClasses
PXTools Responsive Layout
#GXMX
PXTools Responsive Layout
TOP
LEFT CENTER RIGHT
BOTTOM
#GXMX
PXTools Responsive Layout
BETWEEN FULL
#GXMX
PXTools Responsive Layout
#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
#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
PXTools Smart Menus
#GXMX
PXTools Smart Menus http://www.smartmenus.org/
#GXMX
PXTools Smart Menus
#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
#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
#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.
Precios
#GXMX
PXTools Responsive Layout
USD 94
#GXMX
PXTools Smart Menu
USD 26
#GXMX
¿Preguntas?
¡MUCHAS GRACIAS! Ing. Juan Marcelo Bustamante
jmbl@puntoexe.com.uy @jmblamas @pxtoolsuy