Warning!
You’re now reading a legacy document. The features described below are only usable within the classic generation environment. Currently, Betty Blocks offers a new page template that can be used as your application's back office.
Before you check this article make sure to take a look at Creating and customizing Grids in the Back Office?
After following this tutorial you will know how to create and customize forms in the Back Office.
Creating a form
In order to create a form, you'll have to click the Back Office icon located in the Builder Bar. Select or create a Grid that you want to create a form for.
Click New in the top left corner.
A form is automatically generated when you make a grid. However, when you update your model after you have created your grid you will have to manually add the components to your form.
Press "E" or click the switch button located in the top left corner.
In order to edit or add new components to your form, you'll have to turn on the builder mode.
Click Add component.
Click on the Add component button in order to create a new component for your form.
Choose one component to add.
The modal browser will pop up, in here you can choose the property that you want to connect to the component.
Exit the Builder Mode by pressing "e" or the switch located on the top left corner to save the changes you have made.
Customizing a form
When you have builder mode turned on, you can rearrange the components inside your form. This can be done by dragging the components to the desired location.
In order to edit the components you can click on the gear icon next to the component, a popup edit form will show up giving you the possibility to edit the selected component.
