Créer des boîtes de dialogue non modales dans Générateur d'IU
Utilisez des boîtes de dialogue non modales sur une page du générateur d’IU pour ajouter une fenêtre flottante qui vous permet d’interagir à la fois avec le contenu de la fenêtre et le contenu de la page ci-dessous.
Le composant Boîte de dialogue non modale est une fenêtre flottante contenant des composants et du contenu qui apparaît sur une Générateur d'IU page. Vous pouvez effectuer des actions dans la boîte de dialogue non modale tout en continuant à afficher et à interagir avec la page ci-dessous. Plusieurs fenêtres de dialogue non modales peuvent être ajoutées à une seule page. Les boîtes de dialogue non modales peuvent être redimensionnées, déplacées vers une nouvelle position sur une page et réduites.
Les boîtes de dialogue non modales sont différentes des fenêtres modales, qui s’affichent mais bloquent l’interaction avec la page jusqu’à ce que la fenêtre modale soit fermée. Les boîtes de dialogue non modales sont également différentes des popovers, qui se ferment lorsque vous cliquez en dehors du popover.
Les cas d’utilisation courants de la boîte de dialogue non modale incluent la création d’un enregistrement, la rédaction d’un e-mail, l’utilisation de la messagerie instantanée, l’ajout de notes de travail ou de commentaires, la lecture d’informations d’aide ou l’ajout/l’affichage de pièces jointes dans la boîte de dialogue non modale.
Anatomie d’une boîte de dialogue non modale
Une boîte de dialogue non modale se compose de trois parties :
- Lorsque vous ajoutez une boîte de dialogue non modale à une page, l’en-tête comprend une icône de réduction, une icône de développement et une icône de fermeture préconfigurées. D’autres actions peuvent être configurées si nécessaire, par exemple, configurez une action dans un bouton pour ouvrir la boîte de dialogue non modale dans un nouvel onglet.
- Ajoutez dans le corps un composant de la boîte à outils du générateur d’IU (par exemple, le compositeur d’e-mails, les pièces jointes ou la messagerie instantanée d’agent). Vous pouvez appliquer des mises en page et configurer le composant comme si vous l’ajoutiez à une page.
- Si nécessaire, fournissez des boutons ou du contenu supplémentaires dans le pied de page en bas de la boîte de dialogue non modale.