The XdevFieldGroup is a virtual GUI component (Virtual Component) that connects the form components with the associated entity or with its attributes (mapping). Through mapping between form and entity, form data can be easily transferred in the form. This data can be saved and edited with a single method call. These form components can be located in any position and don’t have to be grouped or placed in a shared parent container.

Generating Forms

1. Create a new view CategoryForm without layout.
2. Add the Category entity to the view via drag and drop.
3. In the following form wizard click OK.
   

...

Creating forms manually

1. Create a new view view CategoryForm  without layout.
2. Create a form for the Category entity.
   
   1. Add an XdevFormLayout.
   2. Add three XdevTextFields one below the other.
   3. Rename the XdevTextFields in Properties >Name as txtCategoryname,txtDescription, and txtPicture.
   4. Under Properties > Caption, select the labels Categoryname, Description, Picture for the XdevTextFields.
3. Add an XdevFieldGroup anywhere.
4. Click Structure >fieldGroup.
   
5. Connect the form components using the corresponding attributes of the Category entity.
   
   1. Click Properties > Type > ...
   2. In the following dialog, enter Categories in the search field and select the Category entity.
      
   3. Click OK.
   4. Click Properties > Field mapping > Entries.
   5. ClickNew in the following dialog, then click the Field column, select txtCategoryname and select Property > categoryname.
   6. ClickNew in the following dialog, then click the Field column, select txtDescription and select Property > description.
   7. ClickNew in the following dialog, then click the Field column, select txtPicture and select Property > picture.
   8. Click  OK.
      
      
      

...

Create form without FieldGroup

1. Create a new view CategoryForm without layout.
2. Create a form for the Category entity.
   
   1. Add an XdevFormLayout.
   2. Add 3 XdevTextFields one below the other.
   3. Rename the XdevTextFields in Properties>Name into txtCategoryname,txtDescription,txtPicture.
   4. Under Properties > Caption, select Categoryname, Description, Picture for the XdevTextFields.
3. Add an XdevButton to the XdevFormLayout and then under Properties > Caption add the label Save .
4. Add Event buttonClick .
5. Add the code for reading out the form components to the  buttonClick  event. 

...