Introducción

Las nuevas versiones de Oracle APEX 23.1 y 23.2 ya cuentan con una opción de importar y exportar estilos desde el Theme Roller, pero ¿Cómo realizar estas acciones en versiones previas de APEX?

Quédate en este post que aquí te muestro como hacerlo y sin estar copiando los valores hexadecimales uno a uno.

Exportar Estilo

Ingresa a los componentes compartidos de la aplicación de Origen (Aplicación de la cuál quieres copiar el tema), Luego en la sección de Interfaz de usuario selecciona el menú temas.

A continuación veremos uno o más temas, ingresamos al tema utilizado actualmente (Is Current)

Dentro del tema seleccionado, nos dirigimos al final de la página en donde encontraremos 2 secciones que serían las de Estilos (Styles) y la de Archivos (Files)

Luego seleccionamos el tema al cual queremos copiar los estilos, en mi caso sería el estilo test_theme.

Obs: Tener muy en cuenta el nombre del archivo css ya que en la sección de Files puede haber más de uno, por lo que es muy importante identificar el archivo que debemos obtener.

Los parámetros que debemos copiar son los siguientes:

Input Parameter File URL: Este contiene los archivos LESS base a ser utilizados para generar los estilos al usar el Theme Roller.

Output CSS File URL: Es el encargado de guardar los estilos generados por el Theme Roller.

Una vez copiado los parámetros, volvemos a la pagína anterior y descargamos el archivo css relacionado especificado en el parámetro de salida (Output).

Al momento de descargarlo podemos cambiar el nombre del mismo asignandole uno más simple y fácil de recordar.

Importar Estilo

Luego de obtener los parámetros y el archivo css, solo resta cargar el estillo a la nueva aplicación.

Para ello ingresamos a la aplicación de destino (Aplicación a la cuál cargaremos el estilo) y nos dirigimos nuevamente a Compornentes Compartivos > Interfaz de Usuario > Temas.

Una vez dentro nos vamos al final de la página, en la sección Archivos (Files) y cargamos el archivo CSS que descargamos previamente.

Al cargarlo veremos el archivo en la grilla, el siguiente paso es copiar la referencia al archivo que será utilizada en la sección de Estilos (Styles).

Por último agregamos un nuevo estilo asignandole un nombre, también marcamos las 2 casillas para que el estilo sea público y también sea establecido como el actual.
En los atributos asignamos la URL de entrada al igual que lo tenía la aplicación de origen y en URL de salida le asignamos la referencia a nuestro archivo CSS.

Presionamos el botón de Crear y eso sería todo, ya nuestra aplicación estaría con el nuevo tema.

Obs: en caso de poseer algún archivo estático de aplicación (Static Applications Files), debe ser cargado para cada aplicación. Para omitir este proceso te recomiendo utilizar cargarlos en archivos de espacio de trabajo (Static Workspace Files).

Conclusión

Si bien parecen muchos pasos a seguir, en la práctica esto lo realizarás en un abrir y cerrar de ojos. Es una manera eficaz de importar los estilos entre aplicaciones que cuentan con una versión de Oracle APEX previa a la 23.1.

Observaciones a tener en cuenta: Para evitar errores al importar los estilos, las versiones de APEX deben ser las mismas ya que los componentes o clases podrían variar de una versión a otra.

Espero que este post te sea de mucha utilidad y seguimos avanzando.!!

Sígueme en las redes sociales para más contenidos: LinkedIn, X