Zum Hauptinhalt springen

Documentation Index

Fetch the complete documentation index at: https://docs.twenty.com/llms.txt

Use this file to discover all available pages before exploring further.

Die Layout-Ebene einer Twenty-App umfasst alles, was der Benutzer sieht: wo die App in der Seitenleiste erscheint, welche Listenansichten sie bereitstellt, wie ihre Detailseiten für Datensätze angeordnet sind und welche benutzerdefinierten React-Komponenten innerhalb dieser Seiten gerendert werden. 
   Sidebar               Record list            Record detail page
   ───────               ───────────            ──────────────────
   [📋 My View]    ────▶ ┌──────────┐          ┌─────────────────────┐
   [📋 Drafts ]          │ Companies│          │ Tabs: [Overview ]   │
   [📋 Inbox  ]          │ ──────── │          │       [Notes    ]   │
        ▲                │  Apple   │          │       [Hello    ]◀──── definePageLayoutTab
        │                │  Acme    │          │                     │   adds a tab...
        └ defineNavi-    │  …       │          │  ┌────────────────┐ │
          gationMenu-    └────▲─────┘          │  │                │ │
          Item points         │                │  │   React UI     │◀── …with a
          to a defineView     │                │  │  (sandboxed in │ │   defineFrontComponent
                              └ defineView     │  │   a Worker)    │ │   widget inside
                                picks columns  │  └────────────────┘ │
                                and filters    └─────────────────────┘

​
In diesem Abschnitt

Ansichten

defineView — gespeicherte Listen-Konfigurationen: sichtbare Spalten, Filter, Gruppen.

Navigationsmenüeinträge

defineNavigationMenuItem — Seitenleisten-Einträge, die auf Ansichten oder externe URLs verweisen.

Seitenlayouts

definePageLayout und definePageLayoutTab — Registerkarten und Widgets auf der Detailseite eines Datensatzes.

Frontend-Komponenten

defineFrontComponent — isolierte React-Komponenten, die innerhalb von Twenty gerendert werden.

Befehlsmenü-Einträge

defineCommandMenuItem — Frontend-Komponenten als Cmd+K-Einträge und Schnellaktionen registrieren.

​
Wo die App erscheint

OberflächeWas es steuertEntität
SeitenleisteEin benutzerdefinierter Eintrag, der auf eine gespeicherte Ansicht oder eine externe URL verweistdefineNavigationMenuItem
DatensatzlisteEine gespeicherte Konfiguration für ein Objekt – sichtbare Spalten, Reihenfolge, Filter, GruppendefineView
Detailseite des DatensatzesDie Registerkarten und Widgets auf einer Datensatzseite (für Ihr eigenes Objekt oder ein Standardobjekt)definePageLayout, definePageLayoutTab
Innerhalb eines der oben genannten BereicheEin benutzerdefiniertes React-Widget – Schaltflächen, Formulare, Dashboards, IntegrationendefineFrontComponent
Befehlsmenü (Cmd+K)Eine angeheftete Schnellaktion oder ein versteckter BefehldefineCommandMenuItem
Frontend-Komponenten laufen in einem isolierten Web Worker unter Verwendung von Remote DOM – sie werden nativ auf der Seite gerendert (nicht in einem iframe), können aber die Hostseite oder das DOM nicht direkt erreichen. Die Kommunikation mit Twenty erfolgt über eine Message-Passing-Host-API.