Pages de formulaire et navigation

4D v16

En complément des manipulations expliquées dans la vidéo, il faut noter que :

La création de l’interface est très consommatrice de temps dans un développement (jusqu’à 70% de la charge selon les développements).

Il est donc important d’en connaître les principaux rouages afin de ne pas réinventer ce que 4D vous permet de faire facilement :

redimensionnement
agrandissement d’objets
gestion de la case de fermeture
...

Video script

Bonjour,

Dans cette vidéo nous allons apprendre à créer des pages dans le formulaire de navigation et programmer les boutons qui permettront d'accéder à chacune des pages.

Nous disposons maintenant d'une base esthétiquement correcte.

Nous pouvons supprimer les 2 anciens boutons qui n'ont plus d'intérêt.

Dans la vidéo précédente nous avions ajouté en page 0 les boutons de "manipulation" en haut du formulaire (Ajouter, Tout sélectionner, Chercher, ...) qui seront fonctionnels pour chacune des listes de travail. Nous avons également ajouté les boutons de fonctions qui permettent d'accéder aux enregistrements de chacune des tables.

4D dispose de plusieurs outils pour naviguer au sein des formulaire, notamment les onglets. Dans notre exemple la navigation se fera en cliquant sur les boutons de fonctions à gauche du formulaire.

Nous devons donc rendre le formulaire fonctionnel en créant les pages 2 à 5 puis en positionnant les informations spécifiques sur chacune de ces pages et en rendant la navigation possible entre les différentes pages.

Pour créer les pages :

nous avons ouvert le formulaire Projet "Navigation"
on peut choisir "Ajouter une page" dans le menu "Formulaire"
Confirmez le message
et on répéter l'opération pour obtenir les 5 pages.

Il est également possible d'utiliser la flèche droite ici afin de créer les pages supplémentaires.

Pour vérifier le changement de pages, nous allons ajouter un texte ou un dessin différent sur chaque pages, à un emplacement différent pour que les changements soient bien visible.

Revenons en page 1.

A cet endroit nous sommes censés travailler sur les interventions.
En page 2 sur la liste des techniciens
en page 3 sur les lieux
en page 4 les préférences
en page 5 les paramètres

Bien sûr nous enlèverons tous ces textes par la suite.

Le texte "technicien" étant replacé, il faut maintenant indiquer pour chaque bouton la page du formulaire à afficher lorsque l'utilisateur cliquera sur le bouton.

nous allons donc retourner en page 0
Ouvrir la méthode du bouton "Interventions" par un clic droit => méthode objet
et saisir la ligne suivante

FORM GOTO PAGE(1)

Je copie le texte et ensuite sur chaque bouton je reproduis la manipulation et je change le numéro de page.

page 2 pour les techniciens
3 pour les lieux
4 pour les préférences
et 5 pour les paramètres

Vous avez remarqué que je n'ai pas utilisé le clic droit pour créer les méthodes de chacun des 4 derniers boutons.

En effet, j'ai utilisé le raccourci ALT-Clic sur l'objet. Ce raccourci permet de créer une méthode objet ou d'y accéder lorsqu'elle existe déjà.

Maintenant nous pouvons tester le formulaire et sa nouvelle navigation en cliquant sur le triangle vert en haut à gauche.

Par défaut c'est la page 1 qui est affichée. Nous pourrions par programmation sélectionner une autre page.

Lorsqu'on clique sur les autres boutons, a priori nous changeons bien de page.
Le formulaire se comporte comme nous le souhaitions et correspond aux attentes des utilisateurs. Nous devons maintenant leur présenter des données, c’est l’objet du chapitre suivant.