showModal / hideModal

Displays a full screen modal dialogue with customizable buttons

INFO

This element is based off of http://sweet-modal-vue.adepto.as

Key	Value
action	showModal
options.text	Text to show within the modal, also accepts HTML code here
options.options	object - additional options to the parent options

Example action object

// action  object for 'showModal'
{
  "action": "showModal",
  "options": {
    "body": "This is a modal!",
    "icon": "warning",
    "options": {},
    "overlayTheme": "light",
    "text": "Welcome User",
    "slots" : []
  }
}

To hide the modal, use the hideModal action.

{
  "action": "hideModal"
}

WARNING

NOTE: Modals are different than Card Modals, and require separate actions. You cannot use a hideModal action to close a Card Modal.

card-modals.md

FileMaker Custom Function

You can call the "hideModal" action using FileMaker during a hook script using this function:

Set Variable $$BF_Actions = BF_SetAction( "hideModal" ; "" )