Comment créer une page de réinitialisation de mot de passe

Création de la page mot de passe oublié
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser FlutterFlow - De l'Idée à l'Application
Revoir le teaser Je m'abonne
4,0
Transcription

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,0
Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de montrer comment créer une page de réinitialisation de mot de passe, en utilisant les meilleures pratiques pour la conception d'interfaces utilisateur.

Ce tutoriel explique comment créer une page mot de passe oublié en utilisant différents éléments UI tels que des titres, des descriptions et des text fields.

Dans cette leçon, nous allons vous guider à travers la création d'une page essentielle pour toute application web moderne : la page de réinitialisation de mot de passe. Nous commencerons par ajouter une flèche de retour, suivie d'un titre et d'une description explicative. Ensuite, nous intégrerons un text field pour l'email de l'utilisateur et terminerons par un bouton d'envoi du lien de réinitialisation.

Nous vous montrerons comment ajuster la couleur de fond, centrer les éléments, et configurer les propriétés du text field et du bouton. Chaque étape est expliquée en détail afin que vous puissiez reproduire ou adapter cette page pour vos besoins spécifiques.

Cette leçon est cruciale pour garantir une bonne expérience utilisateur et renforcer la sécurité de votre application. Elle est illustrée par des exemples concrets et des conseils pratiques pour une implémentation efficace.

Voir plus
Questions réponses
Quelle est la première étape pour créer la page de réinitialisation de mot de passe?
La première étape est d'ajouter une flèche de retour permettant à l'utilisateur de revenir à la page précédente.
Quels éléments sont inclus dans la page de réinitialisation de mot de passe?
Les éléments comprennent une flèche de retour, un titre, une description, un text field pour l'email, et un bouton pour envoyer le lien de réinitialisation.
Comment centrer les éléments sur la page?
Pour centrer les éléments, vous pouvez mettre la colonne en stretch pour qu'elle prenne toute la largeur et centrer les textes.

Programme détaillé

1 commentaire
4,0
1 vote
5
4
3
2
1
manuel.crocis
Il y a 2 weeks
Commentaire
Bonjour, merci pour vos tutos qui sont très clairs. Je suis débutant en no code, j'ai suivi pas à pas cette vidéo (et d'autres) cela m'a bien aidé. Seulement je ne parviens pas à ajouter un nouvel utilisateur ni à me connecter quand j'en créé un à la main. Je lis dans la partie authentification de la console firebase le message: "la connection par redirection inter-origine sur google chrome M115 et versions ultérieures n'est plus pris en charge..." Je me demande si je n'ai pas un problème à ce niveau. Il semble y avoir eu un changement depuis le 24 juin 2024... J'ai lu les explications de la page d'après, je ne comprends pas le processus à mettre en place. J'ai cherché sur les discussions en ligne, je ne suis visiblement pas le seul. Pourriez vous faire un bref tutoriel pour nous guider? C'est dommage d'âtre bloqué par ça. Merci de votre aide. Et encore bravo pour vos tutos, d'une clarté limpide!