Création et modification des styles WebFacing classiques

Pour créer un nouveau style dans WebFacing, vous devez associer le projet à un style WebFacing classique, qui représente un style non personnalisé standard. Les modifications apportées au style dépendent du style sélectionné et ne s'appliquent qu'au projet en cours. Pour enregistrer le style, cliquez avec le bouton droit de la souris sur votre projet, sélectionnez Style > Enregistrer sous et affectez un nom au style. Après avoir créé un style défini par l'utilisateur, vous pouvez sauvegarder les modifications ultérieures sous le même nom. Vous pourrez alors sélectionner ce style la prochaine fois que vous choisirez un style lors de la création d'un projet ou que vous sélectionnerez un style pour remplacer le style du projet en cours. Pour remplacer un style, cliquez avec le bouton droit de la souris sur votre projet et choisissez Style > Sélectionner le style. Pour afficher la structure du répertoire dans lequel est stocké le style de votre projet, cliquez sur l'onglet Navigateur. Dans la vue Navigateur, le chemin d'accès au répertoire de styles d'un projet est <nom_projet>/WebContent/webfacing/styles.

Si vous souhaitez modifier le style utilisé pour la zone d'application et les touches de commande, vous pouvez modifier le fichier apparea.css dans le répertoire \apparea au moyen de la page des propriétés de style, ou utiliser directement les outils fournis dans l'environnement de développement intégré. Ces pages permettent de visualiser plus facilement les modifications apportées et indiquent comment ces modifications s'appliquent aux éléments DDS comme les enregistrements de fenêtres et de sous-fichiers. Les modifications apportées via les pages de propriétés du style s'appliquent ensuite aux noms de classe de style correspondants dans le fichier apparea.css. Pour utiliser l'éditeur CSS de l'environnement de développement intégré, cliquez avec le bouton droit de la souris sur le fichier à éditer et sélectionnez Ouvrir avec > Concepteur CSS.

Si vous voulez personnaliser le cadre entourant la zone d'application et les touches de commande, modifiez le fichier CSS dans le répertoire \chrome (non applicable aux styles du portlet). Pour modifier la présentation de la page, éditez le fichier PageBuilder.jsp dans \chrome\html. La section de touche de commande est définie dans le fichier CmdKeys.jsp.

Les propriétés des styles sont stockées dans deux répertoires distincts du dossier styles dans le projet WebFacing :
Fichiers pouvant être édités pour modification des styles Répertoire contenant les fichiers Partie de page Web à laquelle ils s'appliquent Editable à l'aide des pages de propriétés ?
apparea.css \apparea
  • zone d'application
  • touches de commande
Oui
  • PageBuilder.jsp
  • CmdKeys.jsp
  • Fichiers .css définis par l'utilisateur
\chrome\html et \chrome
  • présentation
  • touches de commande
Non
Remarque : Il n'est pas nécessaire de reconvertir vos fichiers source pour que les changements de style soient pris en compte.
Référence associée
Paramètres Web
Information associée
Personnalisation de vos applications WebFacing