JSON-code

Op In WGP Beheer kun je op pagina Formulier beheren kun je in WGP Beheer een tekstveld veranderen in een tekencanvas waarop je je handtekening kunt zetten. De (hand)tekening wordt wordt als veldwaarde (base64-string) in -veldwaarde in de database vastgelegdopgeslagen. Je implementeert deze functie op tabblad Smart forms door in het options-gedeelte van de JSON-code voor het tekstveld het type 'signature' te gebruiken. Met optie 'btn_signature_title' kun je het tekencanvas en de knop waarmee je het tekencanvas dat opent een label naam geven. 

De code voor tekstveld 'code' ziet er bijvoorbeeld als volgt uit:

...

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

Om een handtekening in te voeren volg je de volgende werkwijze:

1. Tik je op de knop Zet handtekening. Hierna verschijnt te tekencanvas (met . Het canvas heeft dezelfde naam )als de knop. 

   warning

   

   Panel
   De naam van de knop en het canvas kun je in de JSON-code opgeven met optie  'btn_signature_title' .

   
   

2. Zet in het tekencanvas je handtekening en druk op Opslaan. De handtekening verschijnt in het formulier. 

   Panel

   
   

3. Druk in het formulier nog eens op Opslaan. Bekijk vervolgens het resultaat Nadat het formulier is opgeslagen, kun je de handtekening in de feature-info van het betreffende object bekijken, indien de feature-info hiervoor is geconfigureerd (zie opmerking). 

   Panel
   Image Removed

   Warninginfo

   Je kunt de handtekening in de feature-info weergeven door in de template het element <img> op te nemen en daarin de veldnaam te specificeren. Hieronder zie je een voorbeeld van hoe een handtekening (afbeelding) in het tekstveld 'code' in een tabel kan worden weergegeven. Code Block <table> <tr> <tt>handtekening</tt> <td><img src="$!code"/></td> </tr> </table> De volgende afbeelding van de feature-info laat achter 'code' de veldwaarde van het handtekeningveld zien als base64-string.

   
   

   Panel
   Image Added

   
   

Gerelateerde pagina's

...