• English

      • 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