> For the complete documentation index, see [llms.txt](https://docs.gapvelocity.ai/webmap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gapvelocity.ai/webmap/winforms/extend-or-modify-the-converted-application/nowebmap-forms-winforms/how-to-add-a-new-form.md).

# How to add a new Form

This process is simple. We are going to use an Angular Kendo Window. First of all, we are going to add a new angular component like this:

Typescript:

<figure><img src="/files/WmM39vc8Y7D5Up1xwnPZ" alt=""><figcaption><p>Angular Form Class without WebMap state</p></figcaption></figure>

HTML:<br>

<figure><img src="/files/aJQ1AaOrd3afHe8G6QYm" alt=""><figcaption><p>HTML of the Form using Kendo</p></figcaption></figure>