Boîtes de dialogue modales sur le bouton mobile - Back

1. Si le bouton de retour ferme modal?
2. Comment déclenchez-vous un modal avec un bouton?
3. Où devraient être placés sur les boutons modaux?

Si le bouton de retour ferme modal?

Lorsque la boîte de dialogue modale est ouverte, en appuyant sur le bouton de retour. Dans une boîte de dialogue modale en plusieurs étapes, le bouton arrière peut même naviguer vers l'arrière à travers les étapes! Sur la plupart des applications Web, en appuyant sur le bouton de retour pendant une boîte de dialogue modale qui s'ouvrira vers la page précédente, plutôt que de fermer le modal.

Comment déclenchez-vous un modal avec un bouton?

Pour déclencher la fenêtre modale, vous devez utiliser un bouton ou un lien. Incluez ensuite les deux attributs de données: data-toggle = "modal" ouvre la fenêtre modale. Data-Target = "# myModal" pointe vers l'ID du modal.

Où devraient être placés sur les boutons modaux?

Dans les modaux et les boîtes de dialogue, alignez les boutons à droite, ou envisagez peut-être un alignement central. Justification: Toutes les principales plateformes (Windows & macOS) Alignez à droite les boutons d'action de terminaison dans les modales / boîtes de dialogue, les utilisateurs scannent les modaux dans un modèle «Z» (consultez le «diagramme Gutenberg»).