Fetishcode…Thinking in objects

Seguimos con el tema de Skining. En este artículo Fank Nimphius nos explica como poder cambiar la pagina de splash que trae por defecto ADF en su versión 11g. Esa imagen que sale al inicio de las aplicaciones con el texto: Cargando…

Afortunadamente se puede customizar desde el skin, por lo que tenemos gran libertad.

Estos son los selectores:

• af|document::splash-screen-content
• af|document::splash-screen
• af|document::splash-screen-cell
• af|document::splash-screen-icon

Mas info: Articulo de F.Nimphius donde explica como modifcar splash

Para el desarrollo de Skins, JDeveloper nos aporta todo lo necesario para hacer de esta tarea una tarea cómoda y rápida.

Para ello deberemos tener marcado CheckADF Faces Extension En Tools–> Preferences–>CSS Editor

Esta opción habilitara en nuestros ficheros css de skins una serie de funciones o utilidades:

• Syntax Help: ctrl+Space
• Image selection
• Code Completion: ctrl+Enter
• Code Folding: Agrupación de definiciones e información Mouse-Over

Mas info:http://www.jdeveloperla.com/skins.pdf

Hace algún tiempo comentábamos el lanzamiento de la demo de ADF faces 11g.

En esta demo podemos ver todos sus componentes y sobretodo podemos ver  en la pestaña de Skinning cada uno de los selectores disponibles para cada componente. La verdad que es una opción cómoda y rapida para crear nuestro propio Skin y saber que estilos y como los tenemos que aplicar.

Durante el dia de hoy la demo on-line que esta desplegada en Oracle no ha funcionado. Es por eso que desde aquí recomiendo que os bajéis el WAR y los despleguéis en un servidor o sino simplemente podemos crear un proyecto en JDeveloper desde un WAR, mediante la opción Project from WAR File (en tipos de proyectos)

Quizá esta ultima sea la forma mas rápida y cómoda

Más info: doc/demo/adf_faces_rc_demo.html

La manera de personalizar nuestras aplicaciones en ADF es mediante el uso de Skins.

Para poder crear nuestro propio Skin primero deberemos registrarlo en la aplicación, register skin

Los skins hacen uso de “Selectores” para poder sobrescribir los estilos de los componentes de ADF Faces.

Aquí podéis encontrar la lista completa de selectores ADF: skin-selectors

Por otro lado existen algunos componentes que tienes trozos de textos que se pueden configurar mediante el uso de una resource bundle propio.

Gracias a esta técnica podemos cambiar textos como el famoso “Seleccionar” de las tablas en ADF sin hacer uso de Javascript.

Más información:

• Crear un Skin propio: create skins
• Selectores ADF Faces:skin-selectors
• Palabras clave usadas por los componentes de ADF Faces, Resource bundle Skin: resourcekeys

How to get additional skins for ADF Faces
Si hay algo que tenia que mejorar ADF Faces era el tema visual. En mi opinión el skin de oracle, visualmente, es bastante pobre.
Por lo visto en la nueva versión de Jdeveloper, la esperada Jdeveloper11g, se ha trabajado mucho en este aspecto.Consiguiendo unos componentes muy ricos visualmente.

Para las versiones anteriores a la 11g, si no nos conformamos con el skin de oracle y no queremos hacernos uno, nostros mismos, por completo. Podemos hacer uso de otros skins que estan disponibles como extensiones de Jdeveloper.

Para descargarlo Help -> Check for Updates y seleccionamos “Additional Skins for ADF Faces….”
Los skins se descargaran en jdev\extensions\skin.

Mas información: Oracle ADF Faces Additional Skins