Versions Compared

Old Version 4

changes.mady.by.user Rieks van der Straaten (Unlicensed)

Saved on

compared with

New Version 5

changes.mady.by.user Rieks van der Straaten (Unlicensed)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: waarschuwing verzet - Formulieren met hoofdletter - datumformaat

...

  1. Maak eerst op de normale manier een formulier aan voor het bewerken van een kaartlaag. Zie hoofdstuk formulieren Formulieren van de Handleiding WGP Advanced.
  2. Wijzig dit formulier en ga op pagina Formulier beheren naar tabblad Smart form. WarningHet importeren van een configuratie overschrijft alle JSON-code op tabblad Smart forms.

  3. Selecteer Importeer configuratie. De WGP-instellingen van het formulier worden vertaald naar JSON-code en deze code verschijnt in het zwarte canvas onder Configuratie slim formulier. Deze code wordt gebruikt om met Apaca forms een HTML5-formulier te genereren. De JSON-code heeft een schema-gedeelte waarin de velden van het formulier worden gedefinieerd en een options-gedeelte waarin de eigenschappen van de velden worden beschreven.

    Warning

    Het importeren van een configuratie overschrijft alle JSON-code op tabblad Smart forms.


    Expand
    titleVoorbeeld JSON-code

    Hieronder zie je een voorbeeld van de JSON-code voor een eenvoudig geïmporteerd formulier met drie velden, een tekstveld 'label', een datumveld 'date' en een integerveld 'state'. Het schema-gedeelte definieert het tabblad als een object met velden en geeft voor de velden aan onder welke naam ze te zien zijn en welk datatype ze hebben. Het options-gedeelte beschrijft dat het datumveld het formaat "jaar-maand-dag" gebruikt en dat de datum met de datumkiezer van WGP wordt geselecteerd.

    Code Block
    {
  "schema": {
    "type": "object",
    "title": "Tabblad 1",
    "properties": {
      "label": {
        "type": "string",
        "title": "Tekst"
      },
      "date": {
        "type": "string",
        "title": "Datum",
        "format": "date"
      },
      "state": {
        "type": "integer",
        "title": "Nummer"
      }
    }
  },
  "options": {
    "fields": {
      "label": {},
      "date": {
        "label": "Datum",
        "type": "wgpdatepicker",
        "picker": {
          "usetime": false,
          "format": "YYYY-MM-DD"
        },
        "inputGroup": {
          "after": {
            "icon": "icon icon-calendar-1"
          }
        }
      },
      "state": {}
    }
  },
  "view": {
    "locale": "nl_BE"
  }
}



  4. Voeg de specifieke functies aan de JSON-code toe. Gebruik tekstvelden voor foto's, huidige gebruiker, automatisch aanvullen, selectie van meerdere waarden en het zetten van een handtekening. Gebruik datumvelden voor de datumkiezer en het instellen van het formaatdatumformaat.

  5. Selecteer Opslaan. 
  6. Controleer de geïmplementeerde functie met Toon voorbeeld smart form. Bijvoorbeeld:

    Voorbeeld smart form

...