PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Les options disponibles
  • Ancrages au niveau de la page : les options
  • Ancrages au niveau des champs de la page : les options
  • Visualisation des ancrages en Responsive Web Design
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
Présentation
En "Responsive Web Design", la taille des champs évolue selon le mode de création de la page :
  • Mode Desktop First : quand la largeur du navigateur va se réduire, par défaut la largeur des champs va se réduire.
  • Versions 22 et supérieures
    Mode Mobile First : quand la largeur du navigateur va augmenter, par défaut la largeur des champs va augmenter.
    Nouveauté 22
    Mode Mobile First : quand la largeur du navigateur va augmenter, par défaut la largeur des champs va augmenter.
    Mode Mobile First : quand la largeur du navigateur va augmenter, par défaut la largeur des champs va augmenter.
Par défaut, la taille des champs est proportionnelle à la taille du navigateur.
Pour définir le redimensionnement des champs en fonction de la taille du navigateur, WEBDEV propose des ancrages, aussi bien au niveau de la page qu'au niveau des champs.
Remarque : N'hésitez pas à utiliser la poignée du navigateur d'édition pour visualiser sous l'éditeur le comportement des champs lors du redimensionnement du navigateur. Utilisez cette poignée sans modération pour mettre au point votre page.
Astuce : vous pouvez aussi cliquer directement sur une tranche dans la barre des résolutions pour voir directement la page dans cette tranche.
Les options disponibles

Ancrages au niveau de la page : les options

Pour définir les ancrages au niveau de la page :
  1. Dans le menu contextuel de la page, sélectionnez "Ancrage".
  2. La fenêtre de description des ancrages de la page apparaît.
Les options disponibles sont les suivantes :
  • Utiliser la taille d'édition : Cette option permet de fixer la largeur ou la hauteur de la page. La hauteur ou la largeur prise en compte est celle spécifiée dans l'onglet "IHM" de la fenêtre de description de la page.
  • Adapter à la grille : Grâce à cette option, la page se contracte ou s'étire selon la taille du navigateur.
  • Adapter à la grille sans agrandissement : Si cette option est sélectionnée, la page se contracte et s'étire au maximum de la taille d'édition (hauteur ou largeur défini dans l'onglet "IHM" de la description de la page) puis se centre.
  • Adapter au contenu : Cette option permet de définir la hauteur de la page en fonction du contenu de page. Par exemple, dans le cas d'une zone répétée dont le nombre de lignes est infini, la zone répétée s'étend et la page s'agrandit en hauteur en fonction du nombre de lignes de la zone répétée.
Les options disponibles sont les suivantes :
  • Largeur : Les options correspondant à la largeur sont :
    • Utiliser la taille d'édition : Cette option permet de fixer la largeur de la page. La largeur prise en compte est celle spécifiée dans l'onglet "IHM" de la fenêtre de description de la page.
    • Adapter à la grille : Grâce à cette option, la page se contracte ou s'étire selon la taille du navigateur.
  • Versions 22 et supérieures
    Largeur min : Cette option permet de définir par la largeur minimale de la page dans chaque tranche. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Nouveauté 22
    Largeur min : Cette option permet de définir par la largeur minimale de la page dans chaque tranche. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Largeur min : Cette option permet de définir par la largeur minimale de la page dans chaque tranche. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
  • Versions 22 et supérieures
    Largeur max : Cette option permet de définir par la largeur maximale de la page dans chaque tranche. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Nouveauté 22
    Largeur max : Cette option permet de définir par la largeur maximale de la page dans chaque tranche. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Largeur max : Cette option permet de définir par la largeur maximale de la page dans chaque tranche. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
  • Hauteur : Les options correspondant à la hauteur sont :
    • Utiliser la taille d'édition : Cette option permet de fixer la hauteur de la page. La hauteur prise en compte est celle spécifiée dans l'onglet "IHM" de la fenêtre de description de la page.
    • Adapter au contenu : Cette option permet de définir la hauteur de la page en fonction du contenu de page. Par exemple, dans le cas d'une zone répétée dont le nombre de lignes est infini, la zone répétée s'étend et la page s'agrandit en hauteur en fonction du nombre de lignes de la zone répétée.
  • Versions 22 et supérieures
    Hauteur min : Cette option permet de définir la hauteur minimale de la page. Elle est disponible uniquement si une hauteur de type "Adapter au contenu" a été choisie. Cette hauteur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Nouveauté 22
    Hauteur min : Cette option permet de définir la hauteur minimale de la page. Elle est disponible uniquement si une hauteur de type "Adapter au contenu" a été choisie. Cette hauteur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Hauteur min : Cette option permet de définir la hauteur minimale de la page. Elle est disponible uniquement si une hauteur de type "Adapter au contenu" a été choisie. Cette hauteur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).

Ancrages au niveau des champs de la page : les options

Pour définir les ancrages au niveau des champs :
  1. Dans le menu contextuel du champ, sélectionnez "Ancrage".
  2. La fenêtre de description des ancrages du champ apparaît.
Les options disponibles sont les suivantes :
  • Ancrage en X :
    • Gauche : L'espace à gauche du champ (par rapport au champ précédent ou au bord de la page) est conservé proportionnellement lors de la modification de la largeur de la page.
    • Droite : L'espace à droite du champ (par rapport au champ précédent ou au bord de la page) est conservé proportionnellement lors de la modification de la largeur de la page.
    • Centre : Cette option place le champ au centre de la page. Cette option ne peut être utilisée que pour un seul champ. Si deux champs sont présents sur la même ligne, le centrage est ignoré.
  • Largeur :
    • Adapter à la grille (option par défaut) : Cette option permet de conserver les proportions existantes sous l'éditeur lorsque la page s'étire ou se contracte. Ce comportement est similaire au comportement de la page en mode zoning.
    • Utiliser la taille d'édition : Cette option permet de fixer la largeur du champ quelque soit la taille de la page.
    • Adapter au contenu : Cette option permet de réduire la largeur du champ au minimum pour que son contenu soit visible.
  • Versions 22 et supérieures
    Largeur min : Cette option permet de définir une largeur minimale si la largeur est adaptée à la grille ou adaptée au contenu. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Cette option est modifiable par tranche.
    Nouveauté 22
    Largeur min : Cette option permet de définir une largeur minimale si la largeur est adaptée à la grille ou adaptée au contenu. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Cette option est modifiable par tranche.
    Largeur min : Cette option permet de définir une largeur minimale si la largeur est adaptée à la grille ou adaptée au contenu. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Cette option est modifiable par tranche.
  • Largeur max : Cette option permet de définir une largeur maximale si la largeur est adaptée à la grille ou adaptée au contenu. Ainsi, le champ pourra avoir une largeur limite. Cette largeur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Versions 22 et supérieures
    Cette option est modifiable par tranche.
    Nouveauté 22
    Cette option est modifiable par tranche.
    Cette option est modifiable par tranche.
  • Hauteur :
    • Utiliser la taille d'édition : Cette option permet de fixer la hauteur du champ quelle que soit la taille de la page.
    • Adapter au contenu : Cette option permet de réduire la hauteur du champ au minimum pour que son contenu soit visible.
  • Versions 22 et supérieures
    Hauteur min : Cette option permet de définir une hauteur minimale du champ. Elle est disponible uniquement si une hauteur de type "Adapter au contenu" a été choisie. Cette hauteur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Nouveauté 22
    Hauteur min : Cette option permet de définir une hauteur minimale du champ. Elle est disponible uniquement si une hauteur de type "Adapter au contenu" a été choisie. Cette hauteur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
    Hauteur min : Cette option permet de définir une hauteur minimale du champ. Elle est disponible uniquement si une hauteur de type "Adapter au contenu" a été choisie. Cette hauteur peut ne pas être définie, correspondre à la taille en édition ou correspondre à une valeur (exprimée en pixels).
Taille minimale des champs :
Par défaut, aucune largeur minimale n'est définie pour les champs. Si le navigateur se réduit, le champ se réduit proportionnellement. Pour fixer une taille minimale :
  1. Affichez la fenêtre de description du champ.
  2. Dans l'onglet "IHM", définissez la largeur minimale :
    • Pas de taille minimale.
    • Taille en édition.
    • Valeur personnalisée saisie directement.
Cas particulier : Pour les champs Bouton, la taille minimale correspond à la taille en édition.
Visualisation des ancrages en Responsive Web Design
Il est possible d'activer la visualisation des ancrages sous l'éditeur : sous le volet "Affichage", dans le groupe "Voir (tous les champs)", cliquez sur "Ancrage".
Les différents symboles utilisés sont les suivants :
  • Ancrage de type "Utiliser la taille d'édition" : ->
  • Ancrage de type "Adapter à la grille" : o->
  • Ancrage de type "Adapter au contenu" : o<-
Il est possible d'activer la visualisation des ancrages sous l'éditeur : sous le volet "Affichage", dans le groupe "Voir (tous les champs)", cliquez sur "Ancrage".
Les différents symboles utilisés sont les suivants :
  • Ancrage de type "Utiliser la taille d'édition" : ->x (symbole des versions précédentes : ->).
  • Ancrage de type "Adapter à la grille" : pas de symbole (symbole des versions précédentes : o->).
  • Ancrage de type "Adapter au contenu" : o<-
  • Taille minimale atteinte : ||<-
  • Taille maximale atteinte : ->||
Version minimum requise
  • Version 21
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire