Back to overview

Page Builder

Help & Basics Published on 11.01.2026

The Page Builder is a visual tool that allows you to create custom dashboards, landing pages, or information pages via drag & drop, without any programming knowledge.

Overview

On the Page Builder start page, you see a list of all created pages.

  • New Page: Creates a blank page.
  • Edit (Pencil): Opens the visual editor for the page.
  • Duplicate (Copy): Creates an exact copy of the page. Useful for templates.
  • Delete (Trash): Permanently removes the page.
  • View (Link): Opens the finished page in a new tab.

The Editor

The editor is divided into three main areas:

  1. Components (Left Sidebar): Here you find all the building blocks you can drag onto your page.
  2. Canvas (Center): This is your workspace. Drag elements from the left to here.
  3. Properties & Structure (Right Sidebar): Here you configure the currently selected element.

Component Types

Layout

  • Container: The outer frame for content.
  • Row: Used for horizontal structuring.
  • Col (Column): Divides rows vertically. You can adjust the width (1-12) flexibly.
  • Pre-made Layouts: Use ready-made column combinations (e.g., 50/50, 33/66) for a quick start.

Content

  • Card: A box with a border, optional header, and footer. Ideal for grouping content.
  • Text: A text block with formatting options (bold, italic, lists, etc.).
  • Image: Inserts an image via URL.
  • Button: A button linking to internal or external pages.
  • HTML: For pros – here you can embed custom HTML code (e.g., for iFrames or special widgets).

Data

  • DB Table: Displays one of your database tables (based on a saved view) directly on the page.
  • Stat Widget: Displays a single key figure (e.g., "Number of open orders" or "Total revenue").
  • Chart: Embeds a chart you previously created under "Saved Charts".

Properties & Configuration

Click on an element on the canvas to select it. The settings will appear on the right:

  • General: Text content, colors, spacing (padding/margin).
  • Border: Border width, color, and radius.
  • Behavior: Links, target URLs (new tab).

Page Settings

If no element is selected (click on the background), you see the global page settings:

  • Page Title: The name that appears in the browser tab.
  • Admin Only: If enabled, only administrators can see this page.
  • Public: Makes the page accessible to anyone on the internet (no login required!).
  • Page Width: "Standard" (centered with max width) or "Full Width".
  • Custom CSS: Here you can enter special CSS to fine-tune the design.