DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Gabarits et Ambiances
  • Présentation
  • Ordre d'application des palettes de couleurs
  • Définir la palette de couleurs utilisée
  • Manipuler les palettes de couleurs
  • Générer/Créer une palette
  • Modifier une palette
  • Dupliquer une palette
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
Les palettes de couleurs sont un moyen simple de personnaliser l'aspect visuel d'un site.
Ordre d'application des palettes de couleurs
La palette de couleurs d'une page peut être définie à trois niveaux différents (par ordre décroissant de priorité) :
  • Dans le projet.
  • Dans le modèle de pages dont la page hérite des propriétés.
  • Dans la page elle-même.
Ainsi, il faut définir la palette générale au niveau du projet. Si un ensemble de pages doit utiliser une palette particulière (par exemple les pages de la partie "Administration" d'un site), il est possible de remplacer la palette du projet en la redéfinissant au niveau d'un modèle de pages. Enfin, si une page particulière doit avoir une palette différente, la palette peut être choisie au niveau de la page elle-même.
WEBDEV permet de :
Remarque : les couleurs des palettes sont accessibles par programmation (fonction CouleurPalette). Il est ainsi possible par exemple de créer un code générique, indépendant de l'ambiance et de la palette utilisée.
Définir la palette de couleurs utilisée
Les palettes de couleurs définissent un jeu de couleurs qui sont proposées dans tous les sélecteurs de couleurs du projet.
Ces couleurs sont également appliquées sur les styles définis dans l'ambiance du projet afin de permettre de changer rapidement et facilement l'aspect visuel d'un projet.
Lors de la création d'un projet WEBDEV, l'assistant permet de choisir la palette de couleurs utilisée. Il est possible à tout moment de modifier ce choix.
Pour modifier la palette de couleurs utilisée par un projet :
  1. Affichez la fenêtre de description du projet : sous le volet "Projet", dans le groupe "Projet", cliquez sur "Description".
  2. Sélectionnez l'onglet "Ambiances".
  3. Choisissez une palette parmi les palettes prédéfinies.
  4. Validez la fenêtre de description du projet.
Pour modifier la palette de couleurs utilisée par un modèle de pages ou par une page :
  1. Affichez la fenêtre de description de la page : sous le volet "Page", dans le groupe "Description", cliquez sur "Description".
  2. Sélectionnez l'onglet "Style".
  3. Cliquez sur le bouton de parcours pour sélectionner une palette de couleurs.
  4. Si la palette sélectionnée est "Comme le projet", la palette utilisée sera celle du projet.
Remarque : La palette de couleurs utilisée par un projet (nouvelle palette ou palette modifiée) est copiée dans le répertoire du projet. Lorsque le projet est utilisé en GDS, la palette de couleurs est également intégrée aux éléments gérés par le GDS.
Manipuler les palettes de couleurs
Pour augmenter les possibilités des palettes, WEBDEV permet de :
  • Créer une nouvelle palette.
  • Modifier une palette existante.
  • Dupliquer une palette.
  • Modifier un élément présent dans la liste des derniers éléments manipulés.
Pour manipuler les palettes :
  • utilisez l'option "Créer une nouvelle palette" présente dans l'onglet "Ambiance" de la description de projet (pour afficher la description du projet, sous le volet "Projet", dans le groupe "Projet", cliquez sur "Description").
  • sous le volet "Page", dans le groupe "Ambiance et styles", déroulez "Palette" et cliquez sur le lien "Créer une nouvelle palette".
L'éditeur de palettes apparaît. Cet éditeur permet de :

Générer/Créer une palette

Dans l'éditeur de palettes :
  1. Cliquez sur l'option "Générer une palette".
  2. Indiquez le nom de la palette.
  3. Sélectionnez la couleur de base de la palette à l'aide du cercle chromatique et du nuancier.
  4. Validez.
  5. Les caractéristiques des différentes couleurs de la palette sont affichées. Il est possible de :
    • modifier séparément chaque couleur de la palette. Un aperçu est affiché en haute de l'éditeur.
    • sauvegarder les modifications effectuées.
    • recharger les dernières modifications enregistrées (les modifications effectuées depuis la dernière sauvegarde sont perdues).
    • sélectionner une couleur à l'aide de la pipette.
  6. Validez la fenêtre. La nouvelle palette est automatiquement ajoutée à la liste des palettes disponibles dans la description du projet.

Modifier une palette

Dans l'éditeur de palettes :
  1. Cliquez sur l'option "Modifier une palette".
  2. Sélectionnez la palette à modifier. Si cette palette est une palette fournie avec WEBDEV, cette palette est automatiquement dupliquée : indiquez alors son nouveau nom.
  3. Validez.
  4. Les caractéristiques des différentes couleurs de la palette sont affichées. Il est possible de :
    • modifier séparément chaque couleur de la palette. Un aperçu est affiché en haut de l'éditeur.
    • sauvegarder les modifications effectuées.
    • recharger les dernières modifications enregistrées (les modifications effectuées depuis la dernière sauvegarde sont perdues).
    • sélectionner une couleur à l'aide de la pipette.
  5. Validez la fenêtre. La palette est automatiquement modifiée.

Dupliquer une palette

Dans l'éditeur de palettes :
  1. Cliquez sur l'option "Dupliquer une palette".
  2. Sélectionnez la palette à dupliquer.
  3. Validez.
  4. Indiquez le nom de la nouvelle palette (créée à partir de la palette sélectionnée).
  5. Les caractéristiques des différentes couleurs de la palette sont affichées. Il est possible de :
    • modifier séparément chaque couleur de la palette. Un aperçu est affiché en haut de l'éditeur.
    • sauvegarder les modifications effectuées.
    • recharger les dernières modifications enregistrées (les modifications effectuées depuis la dernière sauvegarde sont perdues).
    • sélectionner une couleur à l'aide de la pipette.
  6. Validez la fenêtre. La nouvelle palette est automatiquement ajoutée à la liste des palettes disponibles dans la description du projet.
Version minimum requise
  • Version 15
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 25/05/2022

Signaler une erreur ou faire une suggestion | Aide en ligne locale