#GXMX
GeneXus Evolution 3 - Web
Rodrigo Zarate [email protected]
Smooth
Responsive WebDesign (RWD)
#GXMX
Superior UX
Performance
Simplicity in code
Features
#GXMX
What happens when Web UX = Smooth?
Optimized event execution model
Optimized navigation between pages
Web Notifications
Event model optimized
8
Modelo Ev2
•GET
– Start
– Refresh
– Load
•POST
– Start
– Reading variables
– User Events
– Refresh
– Load
Modelo Smooth
•GET
– Start
– Refresh
– Load
•POST
– Reading variables
– User Events
Evolution 2 (or previous)
9
Evolution 3 (Smooth)
10
New semantic
• Grid.refresh()
• Webcomponent.refresh()
• WebCmp.Object = WebComponent.create(...)
• For each line in Grid
11
Optimized navigation between pages
12
• Implemented with Ajax
• Single Page Applications
HEADER
MEN
UContent Place Holder
Web Notifications
New Data
Available!
Thanks forthe
update!
Web Notifications
16
OnMessage Event
17
Compatibility with previous versions?
19
Responsive WebDesign (RWD)
RWD in Genexus
Abstract Editor
Version Properties
Themes Rules
Web Form Default
Default Web Form Editor
Properties at version level
RWD in Genexus
Abstract Editor
Version Properties
Responsive Sizes
Abstract Editor
TABS
New Controls
RWD in Genexus
Abstract Editor
Version Properties
Themes Rules
Conditional Class Properties for Themes
Conditional Class Properties for Themes
Conditional Class Properties for Themes