Tutorial: Cómo modelar y utilizar un Design System en GeneXus

Cómo modelar: propiedades específicas de GeneXus para clases en DSO

Sobre la aplicación web que se viene analizando nos detenemos en cómo conseguimos indicar estilo para los controles frente a ciertos comportamientos como el hover, a través de gx-properties.


Nos enfocamos en la forma de indicar el estilo cuando el control tiene un link (propiedad gx-attribute-link-class y gx-text-block-link-class) y cuando se hace hover sobre él (gx-attribute-hovered-class, gx-text-block-hovered-class).

KB del video: MyFirstDesignSystem en samples.genexusserver.com/v17

Clases

Presentación

 

Introdúcete en las maneras de modelar el Design System de tu aplicación en GeneXus. A partir de videos y documentación podrás llevarte una idea suficientemente clara de los modos en los que GeneXus resuelve con low-code el diseño de la User Interface de tu aplicación multiexperience.

Luego podrás profundizar en cada tema desde nuestro wiki

No se trata de un curso propiamente dicho, sino de una aproximación temática. Por lo que no cuenta con práctico. Sin embargo, se presenta con cierto nivel de detalle el lenguaje del objeto Design System.

Requisitos previos: conocimiento básico de GeneXus para desarrollo web, web Angular, y/o nativo móvil en lo que hace al frontend. 

Dirigido a: desarrolladores GeneXus que estén buscando una aproximación al desarrollo de frontend en GeneXus, en particular al diseño.