Skip to main content

Form view definition

Overview

With Next Design, you can define a view to view and edit model details like a traditional design document by placing model fields on a form.

Form example

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

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

When placing many fields on a single form, you can group them to express semantic cohesion or to make them collapsible.

The following explains how to define a form-style view in the following order.

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

Place existing field

Place existing fields

To place existing fields defined in an entity onto a form, follow these steps:

Locate an existing field

Operating instructions
  1. To specify the position of the field, click on the field already placed on the form to select it.
  2. Open the New Control dialog by doing one of the following:
    • Click Form > Form > Add Exist Fields from the ribbon.
    • Click Add Exiting Field from the context menu.
  3. In the New Control dialog, select the field you want to place from the Fields selection.
  4. Next, select the UI format for editing from the Form Element options.
  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 your form does not have any fields, follow these steps:

Other operating instructions
  1. Click on 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 position the fields as in the previous steps.

Change the display format of placed fields

To make the form more compact by changing the title orientation of the fields placed on the form to the left, follow these steps:

Change the field title display direction

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

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

Change fields to table format

Operating instructions
  1. Change the title display direction to the left as per the previous step.
  2. In the Form Element tab of the inspector, check the Title > Title Display Direction > Surround an element with a line. checkbox.

Arrange related models in list format

To place models related to an entity in a sequentially numbered list on a form, follow these steps:

Locate related models in list format

Operating instructions
  1. Similar to "Place an existing field", click to select the field already placed on the form to specify the placement position of the related model.
  2. Open the New Control dialog by doing one of the following:
    • Click Form > Form > Add Exist Fields from the ribbon.
    • Click Add Exiting Field from the context menu.
  3. In the New Control dialog, select the field holding the associated model from the Fields selection.
  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 related models will be placed under it with consecutive numbers.

Place existing fields in related models

To place additional existing fields defined in the related model for each related model displayed in the list format, follow the steps similar to "Place existing fields" above. .

Locate existing fields of related models

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

Arrange related models hierarchically

To further trace the relationship between models and arrange related models hierarchically from the related models displayed in list format, follow the steps below in the same way as "Arranging related models in list format" above. I will do it.

Locate related models hierarchically

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

Arrange related models in grid format

To place models related to entities in a grid format on a form, follow these steps:

Locate related models in grid format

Operating instructions
  1. Similar to "Arranging related models in list format", to specify the placement position of the related model, click to select the field already placed on the form.
  2. Open the New Control dialog by doing one of the following:
    • Click Form > Form > Add Exist Fields from the ribbon.
    • Click Add Exiting Field from the context menu.
  3. In the New Control dialog, select the field holding the associated model from the Fields selection.
  4. Next, select Grid from the Form Element selections.
  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 arranged in a grid format under it.

Change the displayed columns of the grid

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

Change grid column configuration

Operating instructions
  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 header row of the grid and select Add Column with 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 Fields selection, and select the editing UI format from the Form Element selection.
  3. Click the [OK] button in the dialog to add the selected field to the right end of the grid column.
  4. To change the order of 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 column headings in the grid to move column positions.
  5. To remove and hide columns from the grid, 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 a column heading in the grid and select Delete from the context menu.
note
  • To change the grid column configuration, one or more related models must exist.
  • If the related model is empty, add a temporary model and then change the column configuration.

Change default column width

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

Change the default column width

Operating instructions
  1. Select any cell in the grid column whose default column width you want to change.
  2. Adjust the column width by dragging and dropping the grid column heading borders, then click Form > Grid > Set Default Column Width from the ribbon.
  3. Click to save the column width in the view definition and display the default column width when you reopen the project.
  4. To restore the default column width after temporarily changing the column width, select any cell in the grid column to which you want to restore the column width, and from the ribbon select Form > Grid > Reset Column Click Width.
note
  • The rightmost column of the grid expands and contracts depending on the width of the editor view, so you cannot change the default column width.

Change the display format of related models

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

Change the display format of related models

Operating instructions
  1. Click to select the related model whose display format you want to change.
  2. Click [Form] > [Control] > [Change Shape Type] from the ribbon and select [Grid], [List] or [Model Reference Control (*1)].
  • 1: [Model Reference Control] can be selected for reference-related models.

Change field order

Reorder fields

To change the order of fields placed on a form, follow these steps:

Change field order

Operating instructions
  1. Click on the title of the field you want to reorder to select it.
  2. From the ribbon, click Form > Place > Move Up, Move Down to change the order.
note
  • You can change the order of related models displayed with sequential numbers by selecting the model and dragging and dropping it.

Hide placed fields

Hide placed fields

To remove a field from a form and hide it, follow these steps:

Hide the placed field

Operating instructions
  1. Click on a field located on the form to select it.
  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 on a form, follow these steps:

Group fields

Operating instructions
  1. ctrl -click to select multiple fields that you want to group.
  2. Click Form > Group > Grouping from the ribbon.
  3. In the [Grouping] dialog, enter [Display Name] and [Group Name] and press the [OK] button.
  4. A group title is added to the form, and the selected fields are arranged under the group. You can collapse or expand each group by clicking the left edge of the group title.
note
  • To group multiple fields, the fields must be adjacent.
  • If they are not adjacent, reorder them so that they are adjacent as described in "Reordering fields" above.