DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Styles / Styles WEBDEV
  • Présentation
  • Gestion des styles WEBDEV
  • Création et modification d'un style WEBDEV
  • Création et modification depuis la fenêtre de description d'un champ
  • Editer les styles WEBDEV
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 styles WEBDEV sont des styles avancés, plus simples à utiliser que les styles CSS.
Un style WEBDEV regroupe pour un champ un ensemble de styles CSS et de caractéristiques.
Par exemple, pour un champ de saisie, le style WEBDEV regroupe :
  • le style CSS du libellé,
  • le style CSS de la zone de saisie,
  • le style CSS des jetons,
  • des éléments spécifiques (image du bouton calendrier et du bouton mot de passe),
  • des effets prédéfinis.
Un champ peut être associé :
  • à un ou plusieurs styles CSS. Les styles CSS utilisés par le champ sont indiqués dans les différents éléments de l'onglet "Style" de la fenêtre de description du champ.
    Remarque : Il est possible d'associer plusieurs styles CSS à un élément. Il est recommandé de ne pas utiliser des styles redéfinissant les mêmes propriétés.
  • à un style WEBDEV. Le style WEBDEV utilisé est sélectionné dans l'onglet "Style" de la fenêtre de description du champ.
Remarque : Il est possible de modifier un style WEBDEV depuis la fenêtre de description du champ. Cette modification peut être :
  • locale au champ. Dans ce cas, la redéfinition du style est effectuée uniquement pour le champ.
  • appliquée à tous les champs utilisant le style WEBDEV.
Gestion des styles WEBDEV

Création et modification d'un style WEBDEV

La création et la modification d'un style WEBDEV peut être effectuée :

Création et modification depuis la fenêtre de description d'un champ

La fenêtre de description des champs permet de gérer le style de ce champ (onglet "Style"). Différents éléments sont gérés par l'onglet "Style". Les éléments pouvant utiliser un style CSS sont identifiés par "(CSS)" à la fin de leur libellé.
Les autres éléments sont gérés uniquement par le style WEBDEV.
Lors de l'affichage de l'onglet "Style", il est possible de :
  • Connaître le nom du style WEBDEV utilisé.
  • Savoir si des surcharges ont été effectuées sur le style WEBDEV du champ. Dans ce cas, le style WEBDEV initial a été modifié pour certaines caractéristiques. Un clic sur le lien affichant le nombre de surcharges permet de lister les surcharges et de les supprimer si nécessaire.
Les différents liens et le menu déroulant permettent de :
  • Choisir un autre style. Cette option permet de sélectionner un style WEBDEV et de l'associer au champ en cours. Dans ce cas, le champ sera automatiquement mis à jour lorsque le style associé sera mis à jour.
  • Transformer en nouveau style. Cette option permet de créer un nouveau style WEBDEV dans le projet à partir de toutes les caractéristiques actuellement définies pour le champ en cours. Le champ sera automatiquement associé à ce nouveau style WEBDEV. Il suffit alors d'indiquer le nom du nouveau style.
  • Dissocier. Cette option permet de supprimer la liaison entre le style WEBDEV et le style du champ. Si le style WEBDEV évolue, le champ ne prendra pas en compte ces évolutions.
  • Voir les utilisations du style, c'est-à-dire voir la liste des champs du projet qui utilisent ce style.

Editer les styles WEBDEV

WEBDEV offre la possibilité d'éditer les styles WEBDEV présents dans la feuille de styles associée au projet.
Pour plus de détails, consultez Edition des styles WEBDEV.
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 23/05/2024

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