Desde que salió la versión 5 de APEX, los iconos de Font-Awesome están incluidos para ser usados en nuestras aplicaciones, especialmente en los botones. También tenemos la posibilidad de usar estos iconos en nuestros reportes ya sea en un reporte clásico o uno interactivo. Para este ejemplo vamos a crear una página en blanco en nuestra aplicación y luego creamos una región de tipo Informe Clásico con la siguiente consulta de origen: select deptno, case when DNAME = 'ACCOUNTING' then 'folder' when DNAME = 'RESEARCH' then 'search-plus' when DNAME = 'SALES' then 'area-chart' when DNAME = 'OPERATIONS' then 'cog' end icon, dname, loc from dept Order by 1 En esta consulta lo que estamos haciendo es indicar que cuando se muestre el nombre de cada departamento, se muestre un icono asociado a ese nombre como una columna nueva del reporte. La nomenclatura de los iconos de Font-Awesome es siempre anteponer el fa- y luego el nombre del icono. Por ejemplo como vemos en el caso de Operations he elegido el icono cog . Desde el Diseñador de Página, expandimos las columnas del reporte y seleccionamos la columna ICON. En el panel de la derecha de propiedades de la columna, vamos a la sección “Formato de Columna” en la casilla "Expresión HTML" e ingresamos lo siguiente: Donde la variable de sustitución #ICON# reemplaza el nombre del Icono de Font-Awesome. En nuestro ejemplo se reemplazaría de la siguiente forma: Para el departamento Accounting: Para el departamento Research Para el departamento Sales Para el departamento Operations El resultado de nuestro reporte usando Font-Awesome lo podemos ver en la siguiente imagen: Hasta pronto!
↧