Smart forms - fotovelden

Owned by Rieks van der Straaten (Unlicensed)
Last updated: Aug 13, 2018Version comment


De geavanceerde formulierinstellingen op tabblad Smart forms zijn alleen beschikbaar in WGP add-on 'Configuratie en beheer van WebGIS App'. Deze smart form-functionaliteit is ook alleen van toepassing voor de WebGIS App.

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:

 Voorbeeldcode type '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 fotoveld 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 definiëren.


Gerelateerde pagina's