pxtools: nuevo generador y nuevos controles responsivos

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