Cómo combinar una CSS externa con otros métodos de formato

En esta sección:

Cuando use una hoja de estilos en cascada externa (CSS) para formatear un informe, puede usar otros métodos de formateado al mismo tiempo. Algunos de estos métodos están sujetos a ciertas restricciones. Los otros métodos que puede usar con una CSS externa son:


Principio de página

x
Cómo combinar una CSS externa con una hoja de estilos de WebFOCUS

Cuando utilice una hoja de estilos externa en cascada (CSS) para aplicar un formato a un informe, puede utilizar una hoja de estilos de WebFOCUS simultáneamente. Puede hacerlo generando o sin generar una hoja de estilos interna en cascada.

Una manera efectiva de hacerlo consiste en vincular con una CSS externa para proporcionar un formato predeterminado, y después utilizar una hoja de estilos de WebFOCUS para anular dicho formato predeterminado, en componentes individuales de informe. Las reglas BODY o TD de hoja de estilos en cascada proporcionan el formato predefinido del informe. Si lo desea, puede anular las opciones predeterminadas de componentes individuales de informe, mediante los atributos nativos de hoja de estilos de WebFOCUS. Esto permite ajustarse a las estándares de formato de su organización, según estén implementados en una CSS, y además, ofrece la posibilidad de personalizar dichos estándares para los informes de WebFOCUS, mediante los atributos de hoja de estilos de WebFOCUS. Para obtener información acerca de cómo utilizar las reglas BODY o TD para un formato predeterminado, vaya a Cómo elegir una regla de hoja de estilos en cascada. Para ver un ejemplo, consulte La herencia y las hojas de estilos en cascada externas.

Consideraciones de rendimiento. Tenga en cuenta que, a menos que genere una hoja de estilos interna en cascada desde una hoja de estilos de WebFOCUS, la combinación de una CSS externa y una hoja de estilos de WebFOCUS podría afectar a las mejoras de rendimiento asociadas a la CSS externa. Esto se debe a que el informe que emplea tanto una CSS externa como atributos nativos de hoja de estilos de WebFOCUS, genera más código HTML que el mismo informe utilizando sólo una CSS externa. Aun así, genera menos código que los informes que sólo utilizan atributos de hoja de estilos de WebFOCUS. (Reducir la cantidad de código HTML generado puede reducir la carga de red y el tiempo de salida del navegador). Para más información acerca de cómo generar una hoja de estilos interna en cascada, consulte Cómo generar una hoja de estilos interna en cascada para informes HTML.

No puede dar doble formato. No intente aplicar un formato a la misma propiedad del mismo componente de informe, utilizando una clase de CSS externa (atributo CLASS) y un atributo de hoja de estilos de WebFOCUS, ya que la clase y el atributo pueden entrar en conflicto.

Por ejemplo, no debe incluir las siguientes declaraciones en la misma hoja de estilos, ya que es posible que ambas intenten asignar un color a la columna Color:

TYPE=Data, COLUMN=Country, COLOR=Orange, $
TYPE=Data, CLASS=TextColor, $

Puede especificar clases y atributos de hoja de estilos de WebFOCUS que apliquen un formato a diferentes propiedades del mismo componente de informe, y a distintos componentes de informe. Por ejemplo, las siguientes declaraciones se aceptan en la misma hoja de estilos:

1. TYPE=Heading, COLOR=Green, $ 
1. TYPE=Heading, CLASS=HeadingFontSize, $ 
2. TYPE=Data, Column=Country, BACKCOLOR=Yellow, $ 
2. TYPE=Data, Column=Car, CLASS=DataBackgroundColor, $ 
3. TYPE=Data, Column=Model, FOCEXEC=NewSales(CarGroup=Car), $
  1. Estas dos declaraciones son compatibles porque formatean diferentes propiedades (color y tamaño de fuente).
  2. Estas dos declaraciones son compatibles porque formatean diferentes propiedades (la columna Country y la columna Car).
  3. Esta declaración es compatible con todas las clases de CSS, pues no da formato a un componente de informe, sino que define un hipervínculo.

WebFOCUS