Developer Docs

Adding a Form to the front-end

Before you begin…

This article assumes that you have added a Forms extension to your app and built it, following the instructions in Adding the Forms extension to your application and Building a Form.

Linking a Form and a Tile

From the admin area of your application, you can configure which form is displayed in the Form tile you added in the UI model.

  1. Select the Entities options from the main menu. You should see an entity named [Form Name] Form Tile. Select this option.

    Image

    You will be taken to a CRUD page. Here we can link a form with a Form Tile.

  2. Select Create [Form Name] Form Tile from the top right of the CRUD page.

    Image
  3. On this [Form Name] Form Tile creation page, you can link a tile with a form.

    Tile: The tile that has been defined on the UI model to display a form.
    Form: An instance of the form entity you with you to display through the tile.

    Select the tile and the form you wish to link.

    Image
  4. Click 'Submit' to make create the form - tile link.

    Image

Viewing the Form Tile

Use the top admin navigation bar to switch to the ‘Frontend’ of your application.

In the frontend navigation menu you should see the name of the FormTile as an option. By clicking on this link you should be directed to the page where submissions can be made against your form.

Image

Was this article helpful?

Thanks for your feedback!

If you would like to tell us more, please click on the link below to send us a message with more details.

Tool:

Generate

Iterate

Bot:

C#Bot

SpringBot

On this page

New to Codebots?

We know our software can be complicated, so we are always happy to have a chat if you have any questions.