1. Home
  2. Classes
  3. VlModal

new VlModal()

Description

Gebruik de modal dialoog om de gebruiker te informeren over onbewaarde wijzigingen wanneer hij de pagina verlaat. Een modal dialoog vraagt de aandacht van de gebruiker en verplicht de gebruiker om actie te ondernemen voordat de site verder gebruikt kan worden.

Properties
Name Type Description
data-vl-title boolean

Attribuut wordt gebruikt om de titel (in een h2) te zetten. Indien leeg of weggelaten, wordt er geen titel element gezet.
data-vl-open boolean

Attribuut wordt gebruikt om aan te duiden dat de modal onmiddellijk geopend moet worden na het renderen.
data-vl-closable boolean

Attribuut wordt gebruikt om aan te duiden dat de modal sluitbaar is.
data-vl-not-cancellable boolean

Attribuut wordt gebruikt om aan te duiden dat de modal niet annuleerbaar is.
data-vl-not-auto-closable boolean

Attribuut wordt gebruikt om aan te duiden dat de modal niet sluit bij het uitvoeren van een actie in de button slot.
data-vl-allow-overflow boolean

Attribuut wordt gebruikt om aan te duiden de inhoud van de modal uit de modal mag treden.
Details

HTMLElement

vlElement

vl-modal.js, line 29

Classes

new VlModal()

Methods

dress()

Description

Initialiseer de modal config.

Details

vl-modal.js, line 108

open()

Description

Handmatig openen van modal.

Details

vl-modal.js, line 117

close()

Description

Handmatig sluiten van modal.

Details

vl-modal.js, line 129

on( event, callback )

Description

Mogelijkheid om functies toe te voegen op events die op de dialog voorkomen.

Parameters
Name Type Description
event String
callback function
Details

vl-modal.js, line 140