logologo
Get Started
Guide
Development
Plugins
API
English
简体中文
Get Started
Guide
Development
Plugins
API
English
简体中文
logologo
Overview

Blocks

Overview

Data Blocks

Table
Form
Details
List
Grid Card
Chart

Filter Blocks

Form

Other Blocks

Action Panel
Iframe
Reference block
Markdown
JS Block

Block Settings

Data Scope
Layout
Block Linkage Rules
Field Linkage Rules
Sorting Rules
Block Deletion
Block Title
Form Drafts

Fields

Overview

Generic Settings

Table Column
Detail Form Item
Filter Form Item
Form Item

Specific Settings

Date
File Manager
Sub-form
Select
Picker
Cascade Select
Sub-table
Sub-detail
Title
JS Field
JS Item
JS Column

Field Settings

Default Value
Field Label
Show Label
Field Tooltip
Data Scope
Field Component
Number Format
Pattern
Required
Title Field
Validation Rules
Association Field

Actions

Overview

Action Settings

Edit Button
Double Check
Assign Values
Bind Workflow
Edit Popup
Action Linkage Rules

Action Types

Add New
View
Delete
Edit
Import
Import Pro
Export
Export Pro
Export Attachments
Filter
Link
Pop-up
Refresh
Submit
Trigger Workflow
Update Record
Bulk Update
Add Child
JS Action
Action Permissions

Advanced

Linkage Rules
Event Flow
Variables
RunJS
Next PageOverview

#UI Builder

#WYSIWYG

NocoBase provides a WYSIWYG UI building experience. Click the UI Builder button to toggle between Edit mode and View mode.

View mode:

20251023215845

Edit mode:

20251023215951

#Layout Template

NocoBase ships with a default layout template: navigation on the top and left, and a content area on the right.

未命名.002

#Configuration Options

In Edit mode, orange markers indicate configurable elements. The entry point for an element’s settings is usually in its top‑right corner. Most elements support real‑time configuration with instant preview. Examples:

Menu configuration options:

20251023221617

Page configuration options:

20251023221649

Block configuration options:

20251023221748

Action configuration options:

20251023222109

Table column configuration options:

20251023221814