INSTITUCIONAL
COMUNIDAD
BLOG
AYUDA
MI CUENTA
EN PT ES

Imagen6200S

De la versión Olimar de GeneXus: Objeto Theme (I)

En esta edición comenzaremos a conocer más acerca del nuevo objeto Themes que se introdujo en la versión Olimar de GeneXus.

En la versión Olimar de GeneXus existe un objeto nuevo denominado Theme que se crea y actualiza mediante un nuevo editor. Mediante el uso de themes, el usuario GeneXus dispone de flexibilidad para crear Cascading Style Sheets que puedan ser incluidas en sus páginas web. Un theme en GeneXus se traduce en un Cascading Style Sheet (archivo con extensión css). Además, se ha implementado una jerarquía sobre el estándar de Cascading Style Sheets (CSS) lo que mejora sustancialmente la usabilidad.

Los logros que acarrea la introducción de este nuevo objeto son:

1. Grandes facilidades para el desarrollo de aplicaciones web
A partir de ahora no será necesario actualizar las propiedades de los controles individualmente para cada control. El hecho de crear un "Theme" y asociarlo a objetos GeneXus se traduce en la creación de un CSS y su vinculación a la páginas web en runtime. Con esto, el usuario podrá hacer cambios al theme, haciendo uso de un editor muy intuitivo, y salvar un nuevo Cascading Style Sheet. Luego bastará con llevarlo a producción para que se vean los cambios reflejados en sus páginas web.

2. Mayor funcionalidad al uso de styles GeneXus en ambiente web
Mediante la nueva funcionalidad "Themes" introducida, será posible complementar el manejo de styles GeneXus en ambiente web. Por ejemplo, una vez definido un Master Style, y habiéndole asociado un tema, los objetos inicializados con este style estarán asociados al mismo tema.
Los cambios en las propiedades de los controles se realizarán a través de las clases del tema, no a través del style propiamente dicho. Como consecuencia de esto,  los cambios en el style (indirectamente a través del tema) se van a reflejar en el objeto basado en el style, asegurando el dinamismo esperado.

3. Mejora sustancial de performance
Se genera menos código y mejora notoriamente la performance en ambiente web. Los estilos están incorporados en un CCS que se agrega como un link en el html generado.
Adicionalmente, el CSS (que podría ser grande) se transfiere al cliente sólo cuando es estrictamente necesario. Esto es, cuando se accede a una página que lo referencia por primera vez y cuándo se modifica el CSS.
Si varias páginas hacen referencia al CSS, sólo la primera debería verse afectada por la carga adicional de transferir el CSS (mediante el uso de caching del browser del usuario).

4. Cambios respecto a versiones anteriores
En la versión 7. 5 de GeneXus ya se diponía de un archivo llamado styles.css.  Los styles que antes iban en la sección <head> de cada página no se incluyeron ahí sino en el styles.css al cual hacían referencia todas las páginas. Con esto se logró mejorar la performance, en cuanto a que antes se hacía referencia a los styles de cada objeto potencialmente llamado en el html y ahora se incluyen.
Aquel archivo estaba limitado a definir los estilos de la base de conocimiento y no estaba pensado para que el usuario GeneXus lo modificara explícitamente. En la versión Olimar, el usuario GeneXus puede crear los CSS por medio de los themes, y asignarlos según lo prefiera a un objeto, modelo, o base de conocimiento.

Relacionado
Se liberó la beta 1 de la versión Olimar de GeneXus
Se liberó la beta 2 de la versión Olimar de GeneXus
Se liberó la beta 3 de la versión Olimar de GeneXus
De la versión Olimar de GeneXus: Objeto Theme (II)
De la versión Olimar de GeneXus: Objeto Theme (III)
De la versión Olimar de GeneXus: Editor de Temas
Subtipos en la versión Olimar de GeneXus
De la versión Olimar de GeneXus: Editor de temas (II)
Versión Olimar de GeneXus: órdenes y filtros condicionales
Nueva versión de TEAMS con GeneXus 8.0
GeneXus libera su próxima versión
GeneXus Training Uruguay publicó su calendario de capacitación para el primer semestre del año
Certificaciones #GeneXus en el #GX24
En GeneXus Uruguay buscamos nuevos talentos
Trabajar en GeneXus: Todo lo que tienes que saber si quieres trabajar con nosotros #Training #Becas #BolsaDeTrabajo #GXjobs