Implementación de estilos Axional

Scrren capture of Axional styles definition

Implementación de estilos Axional

La definición de estilos Axional ha sido modificada de manera que todo el contenido, tanto de hojas de estilo como imágenes, se ha traspasado a la base de datos. De esta manera, se consigue una centralización del código en la base de datos, antes estaba divido en base de datos y ficheros, se facilita la portabilidad durante el despliegue de la aplicación(porting)  y, finalmente, se flexibiliza la definición y gestión de estilos, permitiendo mayor personalización.

Qué hay de nuevo

Anteriormente a esta modificación, había ciertos estilos predefindos (Standar, Green Space, etc.) los cuales tenían vinculados dos hojas de estilo (CSS), una para estilizar la cabecera y otra para los formularios. Las imágenes propias de cada estilo se encontraban en fichero, bajo la ruta /coreutils/img/look0, donde look0 hace referéncia a la carpeta correspodiente a cada estilo. Por otro lado, para definir un estilo corporativo se debía habilitar el acceso a look100 y añadir hojas de estilo e imágenes en la carpeta look100 correspondiente.

Todo este despliegue queda obsoleto tras esta actualización, en los apartados siguientes se exponen con detalle los elementos necesarios para gestionar los estilos.

Donde puedo editar los estilos

La ubicación de la definición de estilo apenas cambia con la nueva actualización, para acceder a los estilos se deberá acceder a la wic_conf, y bajo el menú de Hojas de estilo se encuentran todas las opciones necesarias para su gestión.

Estructura de datos

La principal novedad recae en la separación entre las hojas de estilo y los diferentes estilos de la aplicación (looks ). Por lo tanto, por un lado tendremos la definición de las Hojas de estilo y por otro los looks, a qué se asignará las hojas de estilo que utilicen.

Entonces, una hoja de estilo es un registro que consta de un código identificativo y cierto código CSS; mientras que un estilo de aplicación identifica aquellos looks que los usuarios podrán seleccionar; este último estilo tendrá vinculadas aquellas hojas de estilo que necesite.

Personalizando estilos

Gracias a que toda la información de estilos está en la base de datos, añadir, renombrar o incluso eliminar estilos es ahora enormemente sencillo. De esta manera, tantos registros como hayan en la tabla de registros, tantos estilos podrán seleccionar los usuarios.

Utilizando imágenes

Por el momento las imágenes están vinculadas directamente a los estilos, por lo que, en caso de querer reutilizar una misma imagen en en diferentes estilos, por convenio, se añadirá esta imagen al estilo 0.

Para hacer referencia a las imágenes desde las hojas de estilo se utiliza la ruta /jdbs_img/cssicon?style=css_style&name=img_name. Donde css_style se corresponde al código del estilo bajo el cual se ha añadido la imagen, y img_name al código asignado a la imagen.

Prevista

Finalmente, es recomendable asignar una imagen a cada estilo con la prevista de este; la cual aparecerá cuando el aplicativo permita seleccionar entre los diferentes estilos. La imagen de prevista se añade al estilo como el resto de imágenes, con la particularidad que el código de esta deberá ser app_preview.