Modal
Description
Le Modal (modal) est un composant de structure qui affiche son contenu dans une fenêtre modale superposée. Il possède une zone enfant modalContent.
Il peut être déclenché par un bloc via blockinfo, positionné au centre ou sur les bords, et configuré en mode volet (panel/drawer) sans fond.
| Propriété | Champ technique | Type | Description |
|---|---|---|---|
| Bloc déclencheur | blockinfo | select | UUID du bloc qui ouvre le modal |
| Identifiant | vt_Id | text | ID unique du modal |
| Fermer au clic ext. | vb_closeClickOutside | checkbox | Cliquer en dehors pour fermer |
| Croix de fermeture | vb_closeCross | checkbox | Affiche une croix de fermeture |
| Mode volet | vb_PanelMode | checkbox | Sans fond (mode panel/drawer) |
| Position | vt_Position | radio | center, top, bottom, left, right |
| Paramètres URL | vt_UrlParametersToAdd | text | Paramètres URL transmis |
| Fonction 4D lien | vt_4dFunctionToGetLink | text | Fonction 4D pour le lien |
| Lien personnalisé | vt_CustomLink | text | URL personnalisée |
| UUID menu | vt_MenuUuid | text | Page cible dans le menu |
Paramètres
ID
Champ technique : vt_Id (type text)
Identifiant unique du modal. Utilisé par les fonctions renderFunction.showModal et renderFunction.closeModal pour cibler ce modal spécifique. Si plusieurs modals sont sur la même page, chacun doit avoir un ID distinct.
Cliquer en-dehors pour fermer
Champ technique : vb_closeClickOutside (type checkbox)
Si coché, un clic sur l'arrière-plan assombri (backdrop) ferme automatiquement le modal. Si décoché, le modal ne peut être fermé que par la croix ou par un appel à renderFunction.closeModal.
Fermer avec une croix
Champ technique : vb_closeCross (type checkbox)
Affiche un bouton de fermeture (×) dans le coin supérieur droit du modal. Permet à l'utilisateur de fermer le modal sans avoir besoin d'un bouton dédié dans le contenu.
Paramètres URL
Champ technique : vt_UrlParametersToAdd (type text)
Paramètres GET ajoutés à l'URL du contenu chargé dans le modal. Format : param1=valeur1¶m2=valeur2. Utile quand le modal charge une page externe avec des paramètres contextuels.
BSPK_4Dfunctiontogetlink
Champ technique : vt_4dFunctionToGetLink (type text)
Fonction 4D ORDA retournant l'URL à charger dans le modal. Évaluée dynamiquement à l'ouverture du modal.
Lien d'une page https
Champ technique : vt_CustomLink (type text)
URL personnalisée du contenu à charger dans le modal. Peut être une URL externe ou un chemin relatif. Le contenu est chargé dans un iframe à l'intérieur du modal.
ID de la page
Champ technique : vt_MenuUuid (type text)
UUID de la page BWEB à charger dans le modal. Permet de charger une page interne du site comme contenu du modal, avec son propre contexte et ses propres données.
Nom du bloc à charger
Champ technique : blockinfo (type select)
Sélectionne le bloc déclencheur qui ouvrira ce modal. Quand le bloc déclencheur est cliqué, le modal s'ouvre automatiquement. Alternative à l'utilisation de renderFunction.showModal via un événement on-click.
Position du modal (vt_Position) : center (centré, défaut), top, bottom, left (volet gauche), right (volet droit).
Mode volet (vb_PanelMode) : Supprime le fond assombri et affiche le modal comme un panneau latéral (drawer). Combiné avec left ou right, crée un menu latéral ou un panneau de configuration.