PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Options d'édition simples
  • Options avancées de paramétrage du cadre et du fond
  • Options de cadre
  • Options de fond
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Cadres avancés (WEBDEV, version 15)
Avertissement
A partir de la version 16, l'onglet "Bord,Fond" n'est plus disponible. Cet onglet a été intégré dans l'onglet "Style" des différents champs de WEBDEV.

Cette page d'aide est conservée par compatibilité avec les versions antérieures.
Présentation
L'onglet "Bord, Fond" de la fenêtre des propriétés d'un champ vous permet de modifier toutes les propriétés relatives au cadre et au fond sur lequel le champ sera dessiné.
Remarque : Cet onglet ne s'applique pas aux champs suivants :
  • Champ HTML (à ne pas confondre avec les champs Libellé HTML)
  • Champ Flash
  • Champ Flex
  • Champ Silverlight
  • Champ Applet Java
  • Champ Page cornée
  • Champ ligne horizontale
Options d'édition simples
Les options d'éditions simples sont directement accessibles dans la fenêtre de description du champ et se présentent de la façon suivante :

Edition du cadre et du fond d'un champ

  1. Les trois listes déroulantes permettent de choisir une couleur de cadre, une couleur de fond et un style de cadre parmi les valeurs prédéfinies.
  2. L'aperçu interactif montre le résultat de la sélection.
  3. Un bouton avancé permet d'accéder aux options avancées de paramétrage du cadre et du fond.
Options avancées de paramétrage du cadre et du fond
Les options de paramétrage avancées permettent de configurer le cadre et le fond dans deux onglets différents.

Options de cadre

L'onglet de configuration du cadre se présente de la façon suivante :

Edition des options avancées du cadre d'un champ

  1. L'aperçu interactif montre le résultat de la sélection.
  2. Le cadre du champ peut être de type simple ou basé sur une image extensible :
    • Un cadre simple sera contitué d'un simple trait (dont les caractéristiques peuvent varier).
    • Un cadre basé sur une image peut avoir un aspect visuel très varié.
  3. Les paramètres de chaque partie d'un cadre simple peuvent être configurés indépendamment.
  4. Un cadre de type image est défini par sa forme et son épaisseur.
  5. Les couleurs de l'image peuvent être choisies par ces deux listes déroulantes et éventuellement inversées grâce à l'interrupteur.

Options de fond

L'onglet de configuration du fond se présente de la façon suivante :

Edition des options avancées du cadre d'un champ

  1. L'aperçu interactif montre le résultat de la sélection.
  2. Le type de remplissage (uni ou dégradé) est indiqué grâce à une liste déroulante ainsi que la ou les couleurs nécessaires à sa mise en place.
  3. Une image peut également être sélectionnée. Dans ce cas, celle ci sera placée au centre du cadre et le type de remplissage sélectionné sera utilisé jusqu'à la bordure de la façon suivante :

    Aperçu avec une image de fond

  4. Les paramètres de positionnement et de répétition de l'image sont modifiables.
  5. Les limites d'extensibilité des dégradés de fond peuvent être définies dans ces deux champs de saisie. Ces paramètres sont utilisés si le champ est situé dans une zone extensible de la page. Lorsque c'est le cas, le dégradé est toujours calculé sur la taille initiale du champ et sa dernière ligne est répétée jusqu'à obtenir la hauteur maximale saisie (et/ou la dernière colonne jusqu'à la largeur maximale selon le sens du dégradé).
Exemple d'utilisation des limites d'extensibilité
Un champ a une hauteur initiale de 200 pixels. Ce champ est dupliqué deux fois et les copies sont placées dans une zone extensible à 100%. La copie de gauche à une hauteur extensible max de 1000 pixels, la copie de droite reste à 200 pixels. Le résultat lors de l'affichage dans un navigateur est le suivant :

Extensibilité des fond de champs

Version minimum requise
  • Version 15
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire