DEV Community

Cover image for Awesome Stepper Form with HTML/CSS/JavaScript

Awesome Stepper Form with HTML/CSS/JavaScript

Ibrahima Ndaw on October 28, 2019

Originally posted on my blog A stepper or multi-step form is a handy feature to have when dealing with long-forms. It enhances your user experie...
Collapse
 
seck85 profile image
seck ibrahima

Ça marche bro en fait il y'avait un petit conflit entre les fichiers CSS. Merci beaucoup
Good Job

Collapse
 
ibrahima92 profile image
Ibrahima Ndaw

Merci a toi aussi d'avoir lu et essayer l'example.

Collapse
 
seck85 profile image
seck ibrahima

Je suis en train de l'adapter a un projet je veux augmenter le nombre de step. Je passerai mon en cas de problème.

Thread Thread
 
ibrahima92 profile image
Ibrahima Ndaw

Ok y a pas de souci et bonne chance

Thread Thread
 
seck85 profile image
seck ibrahima • Edited

Salut bro j'ai repris ton formulaire tout se passe bien sauf que quand j'ajoute bcp de contenu le formulaire deborde y'a t'il un moyen de garder le formulaire dans le body!

Thread Thread
 
ibrahima92 profile image
Ibrahima Ndaw

Salut! Tu changes juste la hauteur du stepper. La hauteur maximale du body est de 100vh (vh = viewport height => hauteur de l'écran), tu joues avec la hauteur du formulaire pour qu'elle ne dépasse pas 100vh.

Collapse
 
seck85 profile image
seck ibrahima

Hello, ibrahima
je voudrais refaire ton formulaire mais tous mes formulaires s'affichent sur la même page. Je peux avoir une indication sur un détail que j'ai peut raté? merci d'avance

Collapse
 
ibrahima92 profile image
Ibrahima Ndaw

Salut! Très bonne idée. Tu peux me partager ton code? Je pense que tu dois changer la position des formulaires et de leur conteneur. Pour chaque formulaire position:absolute et pour le conteneur position:relative. Essaie de mettre ton code sur github ou codePen et partage le lien.