> 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="https://4139013925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MEOm98BbzqckTUoLpXN%2Fuploads%2FY0GQ6rTzyuRRBYxLdArG%2Fimage.png?alt=media&amp;token=779decd9-36d0-42d2-a40a-f918b8f70554" alt=""><figcaption><p>Angular Form Class without WebMap state</p></figcaption></figure>

HTML:<br>

<figure><img src="https://4139013925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MEOm98BbzqckTUoLpXN%2Fuploads%2FkDWmkOQhNSpHaB5GOBTS%2Fimage.png?alt=media&amp;token=b21f0ec1-bd2f-41cf-a820-18b5cb32b452" alt=""><figcaption><p>HTML of the Form using Kendo</p></figcaption></figure>
