JSON-code

In WGP Beheer kun je op pagina Formulier beheren een tekstveld veranderen in een tekencanvas waarop je je handtekening kunt zetten. De (hand)tekening wordt als base64-string-veldwaarde veldwaarde in de database opgeslagen. 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 dat opent een naam geven. 

De code voor om tekstveld 'code' te veranderen in een tekencanvas 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:

Image Modified

Om Op de volgende manier kun je een handtekening in te voeren volg je de volgende werkwijzeinvoeren:

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

   Panel
   borderStyle none
   Image Modified

   
   

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

   Panel
   borderStyle none
   Image Modified

   
   

3. Druk in het formulier nog eens op Opslaan. 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). 

   Info

   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 je een handtekening (afbeelding) in een tabel kunt weergeven die staat opgeslagen 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 (hiervan is alleen het eerste deel te zien). Achter 'handtekening' zie je de inhoud van het veld weergegeven als afbeelding (zichtbaar gemaakt via het element <img>).

   Panel
   borderStyle none
   Image Modified

   
   

Gerelateerde pagina's

...