Image

Diese Komponente stellt ein Bild dar.

Konfiguration

Für allgemeine Konfigurations-Optionen siehe Allgemeine Komponenten Konfiguration.

Spezifische Konfiguration

src (string): URL des Bildes.
encodedData (string): Base64 encodiertes String des Bildes
mimeType (string): Mime Type des Bildes. Dieses Feld ist nur erforderlich, wenn encodedData angegeben wird.
width (number): Breite des Bildes
height (number): Höhe des Bildes

Entweder src oder encodedData muss vorhanden sein.

Beispiel

image.json

{
  "metaData": {
    "author": "Virtimo AG",
    "name": "Test - Form with images",
    "id": "1632436220282",
    "version": 1
  },
  "components": [
    {
      "type": "container",
      "label": "TEST FORM",
      "icon": "fab fa-wpforms",
      "layout": "vertical",
      "components": [
        {
          "type": "image",
          "src": "https://i.picsum.photos/id/802/200/200.jpg?hmac=alfo3M8Ps4XWmFJGIwuzLUqOrwxqkE5_f65vCtk6_Iw",
          "width": 100,
          "height": 64
        },
        {
          "type": "image",
          "encodedData": "R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7",
          "mimeType": "image/gif",
          "width": 200,
          "height": 200
        }
      ]
    }
  ],
  "configuration": {},
  "state": {
    "language": "de"
  }
}

Eingebettete Vorschau

Vorschau in separatem Fenster öffnen

Keywords: