• 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

      UI Layout

      NocoBase provides desktop and mobile layouts. The desktop layout works well for standard administration and adapts its navigation and page content on phones. The mobile layout provides separate mobile navigation and page configuration. See UI Layout for details.

      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

      • UI Layout — Learn about desktop and mobile layouts