4D v16

Pages de formulaire et navigation

Accueil

 
4D v16
Pages de formulaire et navigation

Pages de formulaire et navigation    


 

 

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
  • ...

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 ALLER A 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.

 
 

 
PROPRIÉTÉS 

Produit : 4D
Thème : Pages de formulaire et navigation
Nom intl. : Form and navigation pages

 
HISTORIQUE 

 
UTILISATION DE L'ARTICLE

Autoformation ( 4D v16)