Color

Introduction

In NocoBase, the Color field stores a color value.

It is suitable for status colors, tag colors, chart colors, and other display configuration. Use a normal Input field when you need to store an arbitrary short text value instead of a color.

Use cases

Color fields are suitable for these business scenarios:

  • Status colors and tag colors
  • Chart and dashboard colors
  • Category and menu colors
  • Brand or theme configuration values

Create and configure

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

Configure a Color field

SettingDescription
Field interfaceThe field interface. Color uses color, which determines how the field is entered and displayed in pages.
Field display nameThe name displayed for the field, such as Status color, Tag color, or Chart color. 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. Color 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 Color field is as follows:

BehaviorDescription
Default Field interfacecolor.
Default Field typestring.
Available Field typesstring.
Page componentUses a color picker 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 Color field to delete it. You can also select multiple fields and delete them in the main data source.

Deleting a Color 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

Color fields are suitable for display configuration and visual indicators.

Use a Color field in a page

ScenarioUse
Form blockSelect a color value.
Details blockDisplay the configured color.
Table blockDisplay and sort color values.
Charts and interface configurationUse a color value for visual presentation.