UX : Amélioration du comportement de défilement dans les sous-formulaires
Les formulaires utilisateur ont pour but de faciliter la tâche des utilisateurs. Mais que se passe-t-il lorsque le défilement devient une bataille entre les sous-formulaires et leur contenu ? Vous en avez probablement déjà fait l’expérience : vous essayez de faire défiler une zone de liste dans un sous-formulaire, mais c’est le sous-formulaire tout entier qui se déplace. Ou, pire encore, vous essayez de faire défiler le sous-formulaire lui-même, mais la zone de liste s’obstine à rester en place !
Ce problème a été amélioré avec 4D 20 R6, ce qui rend l’action plus naturelle.
Une classe pour faciliter la gestion de vos sous-formulaires
Sur le forum, plusieurs demandes, astuces ou questions ont été posées concernant l’affichage d’un message, d’un sablier ou de certains éléments d’interface au premier plan d’un formulaire tout en estompant le reste. Vous pouvez créer ce type d’interface avec des sous-formulaires et des formulaires d’appel. Le code peut être compliqué si vous travaillez avec un formulaire de plusieurs pages.
Pour vous faciliter la tâche, Vincent De Lachaux a préparé une classe qui simplifie la gestion des sous-formulaires affichés dans un formulaire multi-pages. Elle gère le chargement du sous-formulaire à la volée, son contrôle depuis un worker, et son repositionnement en cas de redimensionnement du formulaire principal. Vous pouvez ainsi vous concentrer sur vos dialogues sans vous soucier de la mécanique.
Conseils et astuces pour vos applications 4D – Édition d’août
par Add Komoncharoensiri, directeur des services techniques de 4D Inc.
Nous vous présentons une nouvelle série de conseils et d’astuces.
Comme vous le savez, la base de connaissances 4D est une bibliothèque d’informations sur la technologie 4D où des conseils techniques hebdomadaires et des technotes mensuelles sont activement publiés. Si vous avez manqué les derniers conseils sur la KB, ce n’est pas grave ; voici une compilation des dernières semaines.
Ce billet de blog couvre 16 conseils:
La communication par formulaire et sous-formulaire est facilitée !
A partir de 4D v19 R5, la possibilité d’associer une variable à un sous-formulaire a enrichi les possibilités d’interfaces et de communication entre formulaires et sous-formulaires. Les moyens de communication sont désormais simplifiés par deux nouvelles commandes : Say hello to OBJECT Get subform container value et OBJECT SET SUBFORM CONTAINER VALUE.
Typeahead de la boîte de liste : Recherche intuitive dans les listes
par l’auteur invité Chris Belanger, un développeur 4D du Canada
Le typeahead (une méthode de recherche progressive) n’est pas une fonctionnalité native des boîtes de liste. Cependant, vous pouvez facilement implémenter cette fonctionnalité avec un codage créatif. Dans cet article de blog, je vais démontrer la technique avec un exemple de base de données et un document exhaustif expliquant les détails étape par étape.
Le résultat final est résumé dans le GIF ci-dessous, il illustre deux « recherches ». Une pour E-L-L-I-O-T, puis une autre (après un tri de colonnes) pour H-A-N-N-A-H :
Sur le redimensionnement… Sur le redimensionnement… Sur le redimensionnement… Sur le redimensionnement…
Vous vous demandez comment créer une interface utilisateur agréable et dynamique ? En général, lorsqu’un formulaire est redimensionné, les objets du formulaire dont les propriétés de dimensionnement horizontal ou vertical sont définies pour se déplacer ou s’agrandir, sont automatiquement redimensionnés. Dans certains cas (par exemple, pour une gestion plus fine de l’interface utilisateur), les développeurs choisissent de gérer la taille et la position des objets du formulaire par programmation. Pour ce faire, ils vérifient l’événement « on resized » qui est déclenché dans la méthode du formulaire. Mais que se passe-t-il lorsque le formulaire contient un ou plusieurs sous-formulaires ? Sur plusieurs niveaux ? Cet article de blog vous donne les réponses !
Passage de données entre les formulaires
Ne serait-il pas formidable de pouvoir simplement ouvrir un formulaire et lui passer quelques paramètres pour initialiser vos objets de formulaire ? Et si vous pouviez également récupérer les données pour les traiter, après qu’elles aient été modifiées par l’utilisateur ? 4D v16 R5 facilite grandement votre codage en simplifiant considérablement les communications avec les formulaires.
Jusqu’à présent, lorsque vous vouliez afficher des données (ne provenant pas de la base de données elle-même, mais calculées ou externes) à plusieurs utilisateurs, vous aviez deux options : soit écrire un code complexe pour gérer l’affichage des données dans plusieurs processus, soit créer autant de formulaires que nécessaire avec un tas de variables globales. Mais vous savez que les variables globales ne sont pas une façon optimisée de coder, du point de vue de la mémoire.
Débarrassez-vous donc de votre code complexe et de vos variables globales ! Avec 4D v16 R5, vous pouvez simplement lier un objet à votre formulaire et l’utiliser en interne avec la nouvelle commandeForm . Sans douleur… et puissant !
Nous contacter
Vous avez une question, une suggestion ou vous voulez simplement entrer en contact avec les blogueurs 4D ? Envoyez-nous un message !
* Votre vie privée est très importante pour nous. Veuillez cliquer ici pour consulter notre Politique