Algemene informatie

Modal Vensters zijn interface-elementen die over de huidige pagina worden geopend. Ze worden ook wel popups genoemd.

Om een nieuw modal venster te maken, sleep je het uit het widgetpaneel.

Een modaal venster kan in twee gebieden op het canvas worden geplaatst:

  1. Page components;
  2. App components;

In Page components is het beter om modale vensters te plaatsen die gekoppeld zijn aan een specifieke pagina.

In App components, worden modal vensters geplaatst die van toepassing zijn op de gehele toepassing.

Het modal venster kan dezelfde widgets bevatten als een gewone pagina.

Het bedrijfsproces kan worden gekoppeld aan het venster modal onder het tabblad workflow. De volgende triggers kunnen daarvoor worden gebruikt:

  • OnCreate
  • OnShow
  • OnHide
  • OnDestroy

Twee blokken in de BP kunnen worden gebruikt om modale vensters aan te sturen:

  • Show modal om het modale venster te openen
  • Hide modal om het venster modal te sluiten.

Hoe te werken met modal vensters

Voeg een modal venster toe aan de Page components sectie.

Plaats een button op het canvas van de pagina.

Voor de button wordt een bedrijfsproces geconfigureerd op de OnClick trigger. Het BP zal slechts één blok bevatten: Show Modal.

In het Show modal blok wordt de input parameter Component ID en selecteer de naam van het modal venster.

Plaats nu nog een knop, maar dan in een modaal venster.

Voor deze knop wordt een soortgelijk BP geconfigureerd, maar de Hide modal wordt gebruikt in plaats van het Show modal blok.

Nu kun je het modale venster openen en sluiten.

Het venster modal is een zeer nuttige functie. Het is bijvoorbeeld handig om de functionaliteit van het toevoegen van records te plaatsen.

AppMaster 101Spoedcursus

10 modules
2 weken

Weet je niet waar je moet beginnen? Ga aan de slag met onze spoedcursus voor beginners en ontdek AppMaster van A tot Z.

Aan de slag
AppMaster 101 Crash Course

Meer hulp nodig?

Los elk probleem op met hulp van onze experts. Bespaar tijd en focus op het bouwen van je applicaties.

headphones

Contact opnemen met ondersteuning

Vertel ons over je probleem en we vinden een oplossing.

message

Communitychat

Kom in contact met andere gebruikers om hulp te krijgen met het platform.

Word lid van de community
Modale vensters | AppMaster University