JSON-code

Op tabblad Smart forms van pagina Formulier beheren kun je in WGP Beheer een tekstveld configureren voor het maken en opslaan van foto's. Je configureert deze functie door in de JSON-code van het formulier voor het tekstveld in het options-gedeelte het type 'camera' te gebruiken. De code voor tekstveld 'label' ziet er bijvoorbeeld als volgt uit:

Voorbeeld code camera

{
  "schema": {
    "type": "object",
    "title": "Formulier voor het maken van foto's",
    "properties": {
      "label": {
        "type": "string",
        "title": "Foto",
        "description": "Maak of kies foto"
      }
    }
  },
  "options": {
    "fields": {
      "label": {
        "type": "camera",
        "styled": true,
        "cameraoptions": {
          "btnTitleCam": "Maak foto",
          "btnTitleLib": "Kies foto"
        }
      }
    }
  }
}

Met de 'cameraoptions' definieer je twee knoppen om met je mobiele toestel een foto te maken of een fotobestand te selecteren.

Gebruik in de app

De volgende afbeelding laat zien hoe het formulier met het foto-veld er in de WebGIS App uitziet:

Gebruik de knop Maak foto om met de camera van je toestel een foto te maken. Met de knop Kies foto selecteer je een afbeeldingsbestand dat opgeslagen staat op je toestel. De foto of afbeelding verschijnt onder de knoppen. Je kunt een foto of afbeelding weer verwijderen door op het kruisje te tikken.

De namen van de knoppen kun je zelf in de JSON-code opgeven.

Smart forms - fotovelden

JSON-code

Gebruik in de app

Gerelateerde pagina's