Icon

Introduction

In NocoBase, the Icon field stores icon identifiers.

It is suitable for menu icons, category icons, status icons, and other visual labels. Use a normal Input field when you need to store an arbitrary text value instead of an icon.

Use cases

Icon fields are suitable for these business scenarios:

  • Menu and navigation icons
  • Category and classification icons
  • Status and label icons
  • Visual identification for business records

Create and configure

On the collection's Configure fields page, click Add field and select Icon to create this field.

Configure a Icon field

SettingDescription
Field interfaceThe field interface. Icon uses icon, which determines how the field is entered and displayed in pages.
Field display nameThe name displayed for the field, such as Menu icon, Category icon, or Status icon. Use a name that business users can recognize.
Field nameThe field identifier used internally by APIs, relation fields, permissions, and workflows. It usually cannot be changed after creation. It supports only letters, numbers, and underscores, and must begin with a letter.
Field typeThe data-layer type. Icon uses string by default.
Default valueThe default value. When a new record has no value, NocoBase can fill this value automatically.
Validation rulesValidation rules. Supports required validation.
DescriptionA field description. Record the field meaning, entry requirements, data source, or maintainer.
Note

Field names are referenced by page blocks, permissions, workflows, and APIs after creation. Confirm the name before creating the field to avoid later configuration changes.

Field behavior

The default behavior of a Icon field is as follows:

BehaviorDescription
Default Field interfaceicon.
Default Field typestring.
Available Field typesstring.
Page componentUses an icon selector in edit mode.
FilteringSupports text-value filters such as equals, is empty, and is not empty.
SortingSupports sorting in Table blocks.
ValidationSupports required validation.

Edit configuration

After creation, click Edit beside the field to edit its configuration. Edit fields to adjust how they are displayed and used in NocoBase, such as the display name, description, default value, validation rules, or field-specific settings.

When a field comes from a synchronized main-database table, editing usually maps the database field to a NocoBase Field type and Field interface.

SettingCan be editedDescription
Field display nameYesChanges the name displayed in the interface without changing the field identifier.
Field nameNoThe field identifier normally cannot be changed in the edit form after creation.
Field interfaceConditionalMain-database fields and synchronized fields can be adjusted during field mapping. Changes affect page input, display, and validation.
Field typeConditionalMain-database fields and synchronized fields can be adjusted during field mapping. Confirm that existing values can be used by the new type first.
Default valueYesAdjusts the default value for new records.
Validation rulesYesAdjusts field validation rules.
DescriptionYesAdds the field meaning, entry requirements, data source, or maintainer.
Note

Changing a Field type or Field interface is more than changing a display name. It affects field storage, input components, validation rules, filters, and workflow-variable usage. When the field contains substantial existing data, confirm that its data format is compatible first.

Delete field

Click Delete beside a Icon field to delete it. You can also select multiple fields and delete them in the main data source.

Deleting a Icon field created in the main database usually also deletes the actual database column and its values. For a synchronized or external-data-source field, the impact depends on the corresponding data source and field origin.

Warning

Deleting a field can affect page blocks, forms, filters, permissions, workflows, APIs, imports and exports, and existing data. Confirm that the field is no longer referenced by business configuration before deleting it.

Use in pages

Icon fields are suitable for visual configuration and record identification.

Use a Icon field in a page

ScenarioUse
Form blockSelect an icon.
Details blockDisplay the selected icon.
Table blockDisplay icon values in a list.
Interface configurationUse the icon as a visual identifier.