GeneXus - Tema externo HTML CSS JQuery en Genexus

un proyecto que esta en construcción y estos son avances. Original VS Versión GX

El tema es simple, GeneXus no te la hace fácil.

Si, GeneXus reemplaza código en caliente, es decir, cuando se ejecuta la página se genera código y esto complica todo.

La solución es usar HTML embebido manualmente, pero el original. Luego para cambiar lo que genera por default GX por detrás o en caliente debes necesariamente usar JQuery, que es lo que te permite cambiar cosas a gusto, como por ejemplo un textblock solo le puedes asignar las clases definidas en el theme de GX, pero para asignarle la clase del tema que voy a usar, lo hago con JQuery.

Perdona que no te de los detalles más exactos, pero la empresa donde trabajo no me lo permite.

Hola! Yo incluyo esta linea en el evento start de los webpanels :

Form.HeaderRawHTML = '<link rel="stylesheet" href="mis_estilos.css">'

y en ese archivo .css tengo la configuracion de la apariencia de algunos controles que me interesan modificar.
Luego en propiedades de cada control le indico la clase (propiedad Class) que quiero usar del archivo .css.
Lo uso asi en EVo1 y EVo3.
En diseño del webpanel no se "ven" los controles según lo definido en el .css. Solo en ejecución.

Saludos.

Claro, yo también lo uso, PERO cuando tienes botones por defecto y a esto le agregas que usas el works with plus para que te genere pantallas automáticamente y usar derechamente los patterns esto no te resuelve el tema. Cuando se ha cargado la página es diferente a lo que vez en la pestaña html del webpanel, y además, a un botón nonoenpiedes asignar un estilo o clase que en la kb no existe, es ahí donde se debe usar jQuery y esto si resuelve estos problemas.

Saludos

Yo lo hice con el Form.HeaderRawHTML usando un dashboard bootstrap, el unico inconveniente que tengo ahorita es que el div.gx-mask se sobrepone sobre el selector de imagenes cuando quiero subir una no me deja.