Formattazione dei report mediante classi HTML

  • Articolo

Anziché formattare oggetti report o sezioni in Crystal Report Designer, è possibile utilizzare le classi in un foglio di stile CSS per applicare la formattazione ai report visualizzati sul Web.

In genere, quando si crea un report, un determinato oggetto report (ad esempio, un campo del database o un oggetto di testo) viene formattato all'interno di Crystal Report Designer. Quando viene effettuato il rendering in formato HTML del report e quest'ultimo viene visualizzato tramite Web Forms Viewer, le opzioni di formattazione vengono automaticamente convertite in formato HTML. Per modificare la formattazione della pagina HTML sarebbe necessario effettuare una modifica al report di Crystal.

L'opzione di impostazione di classi CSS consente di applicare le classi agli oggetti report e alle sezioni di un report, invece di modificarne manualmente la formattazione. È necessario specificare il nome della classe e la sua portata in Crystal Report Designer, e quindi il valore della classe all'interno del file .aspx del progetto o tramite un foglio di stile esterno. Il foglio di stile esterno o la formattazione specificata nel file .aspx vengono applicati al report al momento del rendering in formato HTML.

Per formattare i report utilizzando i valori di classe HTML

  1. Fare clic col pulsante destro del mouse in Report Designer, quindi selezionare Set CSS Class.

  2. Nel campo Portata oggetto, selezionare gli oggetti o le sezioni a cui si desidera applicare la classe.

  3. Immettere il nome della classe nel campo CSS Class Name.

    Suggerimento   Utilizzare la classe CSS nella finestra delle proprietà per visualizzare, modificare o eliminare i valori della classe per un determinato oggetto report o sezione.

  4. Salva report.

  5. Accedere al file .aspx del progetto.

  6. Nella scheda HTML del file .aspx, fare riferimento a un foglio di stile esterno in cui la classe è già definita, oppure inserire il valore della classe.

    Ad esempio:

    <HTML>
   <STYLE>
.classname
{
   background-color:808080; border-color:000000; color:000000; font-family:Arial; font-weight:bold; font-style:italic; }
   <STYLE>
</HTML>

Vedere anche

Formattazione assoluta | Formattazione condizionale | Formattazione delle sezioni dei report | Miglioramento della presentazione del report