#GXMX

GeneXus Evolution 3 - Web

Rodrigo Zarate rzarate@genexus.com

Smooth

Responsive WebDesign (RWD)

Smooth

#GXMX

APPS

#GXMX

Superior UX

Performance

Simplicity in code

Features

6

#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

13

Transitions

14

Web Notifications

New Data

Available!

Thanks forthe

update!

Web Notifications

16

OnMessage Event

17

18

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

Automatic Forms

RWD in Genexus

Abstract Editor

Version Properties

Responsive Sizes

Abstract Editor

Abstract Editor

Abstract Editor

TABS

New Controls

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