`notification`

Diese Aktion zeigt dem Nutzer eine Pop-up-Nachricht am Bildschirmrand an und verschwindet automatisch nach 5 Sekunden. Für lange Nachrichten kann auch dialog genutzt werden. Sie kann als Antwort auf einen Submit verwendet werden, um Rückmeldungen (z. B. Erfolgsmeldungen) anzuzeigen.

Übersicht

action ("notification"): Auszuführende Aktion.
payload (MessagePayload): Objekt, das das Aussehen und den Inhalt der Nachricht beschreibt.

Beispiel

notification.json

{
  "$schema": "https://forms.virtimo.net/5.1.x-SNAPSHOT/schema.json",
  "metaData": {
    "id": "0",
    "version": 0
  },
  "configuration": {
  },
  "components": [
    {
      "type": "container",
      "languageButton": true,
      "components": [
        {
          "type": "button",
          "label": "success",
          "onClick": {
            "action": "notification",
            "payload": {
              "message": "Success message"
            }
          }
        },
        {
          "type": "button",
          "label": "error",
          "onClick": {
            "action": "notification",
            "payload": {
              "type": "error",
              "message": "Error message"
            }
          }
        },
        {
          "type": "button",
          "label": "info",
          "onClick": {
            "action": "notification",
            "payload": {
              "type": "info",
              "message": "Information message"
            }
          }
        },
        {
          "type": "button",
          "label": "custom",
          "onClick": {
            "action": "notification",
            "payload": {
              "icon": "fas fa-headphones",
              "color": "#b32ab5",
              "title": {
                "MULTI_LANGUAGE": {
                  "de": "Überschrift",
                  "en": "Headline"
                }
              },
              "message": {
                "MULTI_LANGUAGE": {
                  "de": "Inhalt",
                  "en": "Content"
                }
              }
            }
          }
        }
      ]
    }
  ]
}

Eingebettete Vorschau

Vorschau in separatem Fenster öffnen

Keywords: