Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: excerpt include

Insert excerpt
Smart forms voor WebGIS App
Smart forms voor WebGIS App
nopaneltrue

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. 

Info

Een base64-string is binaire code geconverteerd naar ASCII-tekens.

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:

Formulier met handtekening-veld - leegImage Modified

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

...

...

Warning

De naam van de groene knop Zet handtekening en het

...

tekencanvas dat je ermee opent kun je in de JSON-code

...

met optie  'btn_signature_title' zelf definiëren.

Op de volgende manier kun je een handtekening invoeren:

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

    Panel
    borderStylenone


    Formulier met handtekening-veld - tekencanvasImage Modified


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

    Panel
    borderStylenone

    Formulier met handtekening-veld - gevuldImage Modified


  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 je een handtekening (afbeelding) in een tabel kunt weergeven die staat opgeslagen in het tekstveld 'code'.

    Code Block
    <table>
    <tr>
    <tt>handtekening</tt>
    <td><img src="$!code"/></td>
    </tr>
    </table>


    De volgende 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
    borderStylenone

    Feature-info met handtekeningImage Added


Gerelateerde pagina's

Child pages (Children Display)
pageSmart forms voor WebGIS App

...