Créer un bouton qui ouvre un modal
Une fois que vous avez créé votre expérience de démonstration et ajouté une page vide, vous pouvez modifier la variante de page si nécessaire. Pour les besoins de cette démonstration, vous pouvez créer un bouton et une fenêtre modale, et configurer le bouton pour ouvrir la fenêtre modale.
Avant de commencer
Rôle requis : ui_builder_admin
Procédure
-
Ouvrez la page Générateur d’IU pour votre expérience de démonstration.
Figure 1. Générateur d'IU Éditeur visuel -
Sélectionnez le composant Bouton pour l’ajouter à l’étape.
Figure 2. Ajouter un bouton Remarque :Lorsque vous avez sélectionné le composant, le volet Configuration de page comprend des paramètres prédéfinis que vous pouvez utiliser pour configurer automatiquement les composants sur les pages compatibles. Pour les besoins de cet exercice, cependant, vous configurerez le composant manuellement. Pour plus d’informations sur les paramètres prédéfinis, reportez-vous à la section Personnaliser les Générateur d'IU pages à l’aide de composants. -
Dans le volet Contenu de la page, cliquez sur l’icône plus en regard de Modaux et sélectionnez un modal d’alerte .
Figure 3. Fenêtre modale Ajouter une alerte -
Sélectionnez + Ajouter un gestionnaire d’événements et, sous Gestionnaires d’événements hérités, sélectionnez Ouvrir ou fermer la boîte de dialogue modale.
Figure 4. Afficher/masquer la configuration du modal -
Lorsque l’aperçu s’ouvre, sélectionnez Ouvrir le modal.
Le modal que vous avez défini s’ouvre.
Figure 5. Ouvrir le modal avec le bouton
Que faire ensuite
Sélectionnez le lien Rubrique suivante pour apprendre à créer une page à l’aide d’un modèle.