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 componentsis 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 buttonwordt 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.

Was this article helpful?

AppMaster.io 101 Spoedcursus

10 modules
2 weken

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

Start cursus
Development it’s so easy with AppMaster!

Meer hulp nodig?

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

headphones

Contact opnemen met ondersteuning

Vertel ons over uw probleem, en we zullen een oplossing voor u vinden.

message

Community-chat

Bespreek vragen met andere gebruikers in onze chat.

Word lid van de community