Crystal Reports  

Mise en forme des états à l'aide de classes HTML

Au lieu de mettre en forme des objets d'état ou des sections d'état dans le Crystal Reports ActiveX Designer, vous pouvez utiliser des classes dans une feuille de style en cascade (CSS) pour appliquer des attributs de mise en forme à des états visualisés sur le Web.

En général, lorsque vous créez un état, vous mettez en forme un objet d'état particulier (par exemple, un champ de base de données ou un objet texte) dans le Crystal Reports ActiveX Designer. Lorsque l'état est converti et affiché au format HTML, ces options de mise en forme sont automatiquement converties au format HTML. Pour changer la mise en forme de la page HTML, vous devrez modifier l'état Crystal lui-même.

L'option Définir la classe CSS vous permet d'appliquer des classes à des objets d'état et sections d'état au lieu changer manuellement la mise en forme de l'état. Vous spécifiez le nom de la classe et sa portée dans le Crystal Reports ActiveX Designer, puis la valeur de la classe dans vos fichiers d'application Web ou à l'aide d'une feuille de style externe. La mise en forme spécifiée est alors appliquée à l'état lorsque celui-ci est converti au format HTML.

Pour mettre en forme des états à l'aide de valeurs de classe HTML

  1. Cliquez avec le bouton droit de la souris dans le Crystal Reports ActiveX Designer et sélectionnez Définir la classe CSS.
  2. Dans le champ Portée d'objet, sélectionnez les objets ou les sections auxquels vous souhaitez appliquer la classe.
  3. Saisissez le nom de la classe dans le champ Nom de la classe CSS.
    Conseil   Utilisez CssClass dans la fenêtre Propriétés pour afficher, modifier ou supprimer les valeurs de classe pour un objet état ou une section d'état spécifique.
  4. Cliquez sur OK.
  5. Enregistrez l'état.
  6. Dans le fichier d'application Web, référencez une feuille de style externe dont la classe est déjà définie, ou entrez la valeur de la classe.

    Par exemple :

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

Voir aussi

Mise en forme absolue | Mise en forme conditionnelle | Mise en forme des sections d'état | Amélioration de la présentation de l'état