WEBDEV 2025 : Les concepts

60 Partie 2 : Développement d’un site 5 Options d’édition des champs dans une page Ces options d’affichage permettent de personna- liser la manipulation des champs sous l’éditeur de pages. Les options d’édition permettent de paramétrer : • les options d’affichage. • le magnétisme des champs. • les opérations de clic et de double-clic sur les champs. • les options de sélection des champs. Ces options d’affichage permettent de personna- liser la manipulation des champs sous l’éditeur de fenêtres. Pour afficher ces options, sous le volet "Affichage", cliquez sur l’icône de regroupement du groupe "Options". 6 Ancrage des champs Les pages d’un site WEBDEV peuvent être redi- mensionnables à l’exécution : le navigateur peut être redimensionné, le site peut être affiché sur des plateformes différentes (iPhone, PC, etc.). Grâce au mécanisme d’ancrage, la taille et la position des champs s’adaptent automatiquement lors d’un redi- mensionnement de la page. La gestion de l’ancrage d’un champ est constituée de plusieurs paramètres : • l’ancrage du champ  : ce paramètre permet de définir la modification à appliquer au champ en fonction du changement de la taille de la page. Le champ peut se déplacer vers la gauche ou vers le bas, s’agrandir en largeur et/ou en hauteur. • la gestion de la largeur et/ou de la hauteur  : ce paramètre permet de gérer le comportement du champ lors de son étirement. La largeur ou la hauteur peut être adaptée au contenu du champ ou au navigateur. Il est également possible de définir la taille minimale du champ. Ces paramètres peuvent être configurés sous l’édi- teur de pages. 6.1 Ancrer un champ sous l’éditeur Pour ancrer un champ : 1. Sélectionnez un ou plusieurs champs à ancrer. 2. Définissez l’ancrage du / des champs : • soit dans l’onglet "UI" de la fenêtre de descrip- tion du champ (option "Description" du menu contextuel). • soit grâce à l’option "Ancrage" du menu contextuel (clic droit) du champ. 3. Dans la fenêtre qui s’affiche, choisissez le type d’ancrage à utiliser.

RkJQdWJsaXNoZXIy NDQ0OA==