Form view definition

Overview

Next Design allows you to define a view for viewing and editing model details like a traditional design document by placing the model's fields on the form.

You can place all the fields you want to view and edit in one form, or you can define multiple forms to place only the fields you need.

In addition to the fields that hold values, you can also place fields that hold related models (hereinafter referred to as related fields) on the form. Related fields placed on the form can be viewed and edited in list format with serial numbers or grid format.

When you place many fields on one form, you can group multiple fields to form a semantic cohesiveness or to fold each group.

The following describes how to define a form-style view in the following order:

• Place an existing field
• Place related models in list format
• Arrange related models in grid format
• Change the display format of related models
• Change the order of the fields
• Hide the placed field
• Group fields

Place an existing field

Place an existing field

To place an existing field defined on an entity on a form, do the following:

Operation procedure

1. Click to select a field that has already been placed on the form to specify where to place the field.
2. Open the New Control dialog by doing one of the following:
   • From the ribbon, click Form> Form> Add Exist Fields.
   • Click Add Exiting Field from the context menu.
3. In the New Control dialog, select the field you want to place from the Filelds choices.
4. Next, select the UI format for editing from the [Form Element] choices.
5. Click the OK button in the dialog to place the selected field on the form and display the field name as the title.

If you don't have any fields on your form, follow these steps:

Other operating procedures

1. Click the model name at the top of the form to select it.
2. Click Profile> Form> Add Exist Fields on the ribbon to open the New Control dialog.
3. Select and place the fields as you did in the previous steps.

Change the display format of the placed field

To make the form compact by changing the title display direction of the fields placed on the form to the left, follow the steps below.

Operation procedure

1. To change the display orientation of the title, do one of the following:
   • From the ribbon, click Form> Title> Title Display Direction and select Left.
   • In the Inspector, on the Form Element tab, select Title> Title Display Direction> Left.

To change the fields placed on the form to a tabular format with two columns of title and value, follow the steps below.

Operation procedure

1. Change the title display direction to the left as in the previous procedure.
2. On the Form Element tab of the Inspector, check the Title> Title Display Direction> Surround an element with a line. Check box.

Arrange related models in list format

Place related models in list format

To place the model associated with an entity on a form in a serialized list format, do the following:

Operation procedure

1. Click to select a field that has already been placed on the form to specify the placement position of the related model, similar to Place Existing Field.
2. Open the New Control dialog by doing one of the following:
   • From the ribbon, click Form> Form> Add Exist Fields.
   • Click Add Exiting Field from the context menu.
3. In the New Control dialog, select the field holding the relevant model from the Filelds choices.
4. Next, select [List] from the [Form Element] choices.
5. When you press the [OK] button in the dialog, the name of the selected field will be displayed as the title, and the related models will be placed with serial numbers under it.

Place existing fields in related model

To place additional existing fields defined in the related model for each related model displayed in list format, follow the procedure below in the same way as "Place existing fields" above. ..

Operation procedure

1. Click the field of the related model for which you want to place the field, or the field of the displayed related model, and specify the placement position.
2. Open the New Control dialog by doing one of the following:
   • From the ribbon, click Form> Form> Add Exist Fields.
   • Click Add Exiting Field from the context menu.
3. From now on, the existing fields of the related model will be placed on the form by the same procedure as "Place existing fields".

Arrange related models hierarchically

To arrange the related models hierarchically from the related models displayed in the list format by tracing the relationships between the models, follow the procedure below in the same way as "Place the related models on the form" above. increase.

Operation procedure

1. To specify the placement position, click on the related model placed on the form or its field to select it.
2. Open the New Control dialog by doing one of the following:
   • From the ribbon, click Form> Form> Add Exist Fields.
   • Click Add Exiting Field from the context menu.
3. From now on, the models related to the related model already placed on the form will be placed under the related model with serial numbers by the same operation procedure as "Place the related model on the form".

Arrange related models in grid format

Arrange related models in grid format

To place a model related to an entity on a form in a grid format, do the following:

Operation procedure

1. Click and select the field already placed on the form to specify the placement position of the related model, similar to "Place related models in list format".
2. Open the New Control dialog by doing one of the following:
   • From the ribbon, click Form> Form> Add Exist Fields.
   • Click Add Exiting Field from the context menu.
3. In the New Control dialog, select the field holding the relevant model from the Filelds choices.
4. Next, select [Grid] from the [Form Element] choices.
5. When you press the [OK] button in the dialog, the name of the selected field will be displayed as the title, and the related models will be placed in a grid format under it.

Change the display columns of the grid

To change the display columns of the grid placed on the form, follow these steps:

Operation procedure

1. Open the Add New Column dialog by doing one of the following:
   • Select any cell on the grid and click Form> Grid> Add Exist Field Column from the ribbon.
   • Right-click the grid heading row and click Add Column in Existing Field from the context menu.
2. In the Add New Column dialog, select the field you want to add as a column from the Filelds choices and select the UI format for editing from the Form Element choices.
3. Click the OK button in the dialog to add the selected field to the right edge of the grid column.
4. To change the order of the grid columns, do one of the following:
   • Select any cell in the column you want to move and click Form> Grid> Move Column Left, Move Column Right from the ribbon.
   • Drag and drop the column headings in the grid to move the column positions.
5. To remove a column from the grid and hide it, do one of the following:
   • Select any cell in the column you want to delete and click Form> Grid> Delete Column from the ribbon.
   • Right-click the column heading in the grid and click Delete from the context menu.

note

• To change the column structure of the grid, one or more related models must exist.
• If the related model is empty, add a temporary model and then change the column structure.

Change the default column width

To change the default column width for each column in the grid placed on the form, or to return the temporarily changed column width to the default value, follow these steps:

Operation procedure

1. Select any cell in the grid column for which you want to change the default column width.
2. Drag and drop the border of the grid column heading to adjust the column width and click Form> Grid> Set Default Column Width from the ribbon.
3. Click to save the column width in the view definition and display it with the default column width when you reopen the project.
4. To temporarily change the column width and then return it to the default column width, select any cell in the grid column for which you want to return the column width, and then select Form> Grid> Reset Column from the ribbon. Click Width.

note

• The rightmost column of the grid expands and contracts according to the width of the editor view, so you cannot change the default column width.

Change the display format of related models

Change the display format of related models

To change the display format of related models placed on the form, follow these steps:

Operation procedure

1. Click to select the related model for which you want to change the display format.
2. Click Form> Control> Kind from the ribbon and select Grid or List.

Change the order of the fields

Change the order of the fields

To change the order of the fields placed on the form, do the following:

Operation procedure

1. Click to select the title of the field whose order you want to change.
2. From the ribbon, click Form> Place> Move Up, Move Down to change the order.

note

• The order of related models displayed with serial numbers can be changed by selecting the model and dragging and dropping.

Hide the placed field

Hide placed fields

To remove the fields placed on the form from the form and hide them, follow these steps:

Operation procedure

1. Click to select a field located on the form.
2. Do one of the following:
   • Click Form> Form> Delete from the ribbon.
   • Click Hide this Field from the context menu.

Group fields

Group fields

To title and group multiple fields placed on a form, do the following:

Operation procedure

1. Hold down the ctrl key and click to select multiple fields you want to group.
2. From the ribbon, click Form> Group> Grouping.
3. In the Grouping dialog, enter the Display Name and Group Name and press the OK button.
4. The group title is added to the form and the selected fields are lined up under the group. Click the left edge of the group title to collapse or expand each group.

note

• To group multiple fields, they must be adjacent.
• If they are not adjacent, reorder them so that they are adjacent, as described in "Reordering Fields" above.