> For the complete documentation index, see [llms.txt](https://abb-vlaanderen.gitbook.io/abb/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://abb-vlaanderen.gitbook.io/abb/master/producten-en-diensten/loket-voor-lokale-besturen/form-builder.md).

# Proof of concept versie Form Builder

## Doel

{% hint style="info" %}
De Form Builder werd aanvankelijk gebouwd als **proof-of-concept** tijdens een Innovatie sprint.
{% endhint %}

## Context/ aanleiding

Het loket is modulair opgebouwd, met herbruikbare componenten. Dat doen we ook voor de formulieren die we bouwen; zo generiek en standaard mogelijk. De form-builder is een manier om te visualiseren wat voor standaard formulieren je kunt maken voor de verschillende modules in Loket, zoals [toezicht](/abb/master/producten-en-diensten/loket-voor-lokale-besturen/over-de-modules.md#toezicht) en [subsidies](/abb/master/producten-en-diensten/loket-voor-lokale-besturen/over-de-modules.md#subsidiebeheer).

{% embed url="<https://poc-form-builder.relance.s.redpencil.io/>" %}

Voorbeelden van velden die je op dit moment standaard kan invoegen in een formulier:

![](https://2149139427-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MP9YhmfGLVRY7JjkhY8%2F-MdaYfXGB2IpCcMdeAko%2F-Mdab6tewEX1TRwpvab7%2FScreenshot%202021-07-02%20at%2011.45.37.png?alt=media\&token=8c1ce51f-6036-4d41-a5d4-17efe4f5146b)

## Code

### Front-end

{% embed url="<https://github.com/lblod/frontend-poc-form-builder>" %}

### Back-end

{% embed url="<https://github.com/lblod/app-poc-form-builder>" %}

### Services, script and tooling

{% embed url="<https://github.com/lblod/ember-submission-form-fields>" %}

{% embed url="<https://github.com/lblod/manage-submission-form-tooling>" %}

{% embed url="<https://github.com/lblod/submission-form-helpers>" %}

## Evolutie

De Formbuilder POC evolueerde in 2023 van een alpha versie naar een eerste volwaardige productversie waarmee talrijke formulieren werden gebouwd. Om de formbuilder als product of technische component verder te ontwikkelen werd een apart product team samengesteld. Het team werkt momenteel aan een tweede versie van de Formbuilder.