Compartir a través de

Dar formato a informes mediante clases HTML

  • Artículo

En lugar de aplicar formato a objetos o secciones de informe en Crystal Report Designer, se pueden utilizar clases en una hoja de estilos en cascada (CSS) para aplicar formato a los informes que se ven en el Web.

Generalmente, cuando se crea un informe, se aplica formato a un objeto de informe concreto (por ejemplo, un campo de base de datos o un objeto de texto) en Crystal Report Designer. Cuando el informe se procesa en HTML y se ve mediante Web Forms Viewer, estas opciones de formato se convierten automáticamente a HTML. Para cambiar el formato de la página HTML, es necesario efectuar un cambio en el propio informe Crystal.

La opción Establecer clase CSS permite aplicar clases a objetos y secciones de un informe, en lugar de cambiar manualmente el formato del informe. Especifique el nombre de la clase y su ámbito en Crystal Report Designer y, a continuación, especifique el valor de la clase en el archivo .aspx del proyecto o mediante una hoja de estilos externa. La hoja de estilos externa o el formato especificado en el archivo .aspx se aplica después al informe cuando éste se procesa en HTML.

Para dar formato a informes mediante valores de clases HTML

  1. Haga clic con el botón secundario del mouse en Report Designer y seleccione Establecer clase CSS.

  2. En el campo Alcance del objeto, seleccione los objetos o secciones que desee que se apliquen a la clase.

  3. Escriba el nombre de la clase en el campo Nombre de clase CSS.

    Sugerencia   Utilice CssClass en la ventana Propiedades para ver, editar o eliminar los valores de clases correspondientes a una sección o un objeto de informe concreto.

  4. Guarde el informe.

  5. Abra el archivo .aspx del proyecto.

  6. En la ficha HTML del archivo .aspx, haga referencia a una hoja de estilos externa que ya tenga definida la clase o escriba el valor de la clase.

    Por ejemplo:

<HTML>

<STYLE>

.classname

{

background-color:808080; border-color:000000; color:000000; font-family:Arial; font-weight:bold; font-style:italic; }

<STYLE>

</HTML>

Vea también

Formato absoluto | Formato condicional | Dar formato a secciones de informes | Mejorar la presentación del informe