Cómo vincular con una hoja de estilos externa en cascada

En esta sección:

Para aplicar un formato a un informe utilizando una hoja de estilos en cascada (CSS) externa, Debe establecer un vínculo entre la hoja de estilos en cascada y el informe, siguiendo uno de estos métodos:


Principio de página

x
Cómo utilizar el atributo y parámetro CSSURL

Cómo:

Puede vincular una hoja de estilos externa en cascada (CSS) con un informe ,mediante el atributo CSSURL de hoja de estilos de WebFOCUS, o el parámetro SET CSSURL. Para escoger entre ambos, tenga en cuenta las siguientes ventajas de:

Si especifica CSSURL de varias formas, la especificación con el alcance más local toma precedencia. El orden de precedencia, desde el más alto (1) al más bajo (3), es:

1. TYPE=REPORT, CSSURL = url 
2. ON TABLE SET CSSURL url 
3. SET CSSURL = url

Para más información acerca del atributo CSS, consulte Cómo Utilizar el atributo CSSURL para vincular con una CSS externa. Para más información acerca del parámetro CSS, vaya a Cómo Utilizar el parámetro CSSURL para vincular con una CSS externa.



x
Sintaxis: Cómo Utilizar el atributo CSSURL para vincular con una CSS externa

Para vincular una hoja de estilos externa en cascada (CSS) a un informe, por medio de un atributo de hoja de estilos de WebFOCUS, emplee la siguiente sintaxis

[TYPE=REPORT,] CSSURL=css_url, $

donde:

TYPE=REPORT

Especifica que este atributo se aplica a todo el informe. Si se omite, la declaración de hoja de estilos pasa a ésta de forma predeterminada.

css_url

Es el URL de la hoja de estilos externa en cascada. Si la CSS externa reside en una plataforma de servidor web que distingue entre mayúsculas y minúsculas, debe especificarlo según corresponda.

El URL puede tener hasta 255 caracteres. Si el URL de su hoja de estilos externa en cascada excede este límite, puede acortar el URL definiendo un alias (también conocido como directorio virtual), en el servidor Web, para que represente parte de la ruta.

Puede especificar un URL absoluto o relativo. Si es relativo, la CSS externa debe residir en el servidor web que utiliza WebFOCUS.



Ejemplo: Cómo vincular con una hoja de estilos externa en cascada con el atributo CSSURL

Este informe muestra los productos que Gotham Grinds ofrece actualmente. Su formato está basado en una hoja de estilos en cascada (CSS) externa, y está vinculado a la CSS mediante el atributo CSSURL de la hoja de estilos de WebFOCUS:

TABLE FILE GGPRODS
HEADING
"</1 Current Products</1"
PRINT PRODUCT_DESCRIPTION UNIT_PRICE
BY PRODUCT_ID
ON TABLE SET PAGE-NUM OFF
ON TABLE SET ONLINE-FMT HTML
ON TABLE SET STYLESHEET * 
TYPE=REPORT, CSSURL=http://websrv2/css/report01.css, $ 
TYPE=HEADING, CLASS=headText, $
TYPE=TITLE, CLASS=reportTitles, $
TYPE=DATA, CLASS=lowCost, WHEN=N3 LT 27, $
ENDSTYLE
 
END

La solicitud produce este informe:



x
Sintaxis: Cómo Utilizar el parámetro CSSURL para vincular con una CSS externa

Para vincular una hoja de estilos externa en cascada (CSS) con un informe, mediante el parámetro SET, emita el siguiente comando SET en un procedimiento

SET CSSURL = css_url

o el siguiente comando ON TABLE SET en una solicitud de informe

ON TABLE SET CSSURL css_url

donde:

css_url

Es el URL de la hoja de estilos externa en cascada. Si la CSS externa reside en una plataforma de servidor web que distingue entre mayúsculas y minúsculas, debe especificarlo según corresponda.

El URL puede tener hasta:

  • 69 caracteres de longitud en un comando SET.
  • 57 caracteres de longitud en un comando ON TABLE SET.

Si el URL de su hoja de estilos externa en cascada excede este límite, puede acortar el URL definiendo un alias (también conocido como directorio virtual), en el servidor Web, para que represente parte de la ruta.

Puede especificar un URL absoluto o relativo. Si es relativo, la CSS externa debe residir en el servidor web que utiliza WebFOCUS.

Para ver un ejemplo, vaya a Cómo vincular con la hoja de estilos en cascada de externa ReportStyles.

Si especifica CSSURL múltiples veces, el último valor especificado mediante ON TABLE SET sobrescribe el resto de los valores de la solicitud de informe. Si no se especifica CSSURL en una solicitud de informe, el último valor especificado con SET sobrescribe a todos los demás.

Para información general acerca de cómo usar los comandos SET, consulte Cómo personalizar su entorno en el manual Cómo desarrollar aplicaciones de informes.


WebFOCUS