Prezentare generală - Twenty Documentation

Stratul de layout al unei aplicații Twenty reprezintă tot ceea ce vede utilizatorul: unde apare aplicația în bara laterală, ce vizualizări de listă oferă, cum sunt aranjate paginile de detalii ale înregistrărilor și ce componente React personalizate sunt afișate în interiorul acelor pagini.

   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    └─────────────────────┘

În această secțiune

Vizualizări

defineView — configurații salvate pentru liste: coloane vizibile, filtre, grupuri.

Elemente de meniu de navigare

defineNavigationMenuItem — intrări în bara laterală care trimit către vizualizări sau URL-uri externe.

Layouturi de pagină

definePageLayout și definePageLayoutTab — file și widgeturi pe pagina de detalii a unei înregistrări.

Componente front-end

defineFrontComponent — componente React izolate care rulează în interiorul Twenty.

Elemente din meniul de comenzi

defineCommandMenuItem — înregistrează componente front-end ca intrări Cmd+K și acțiuni rapide.

Unde este afișată aplicația

Suprafață	Ce controlează	Entitate
Bară laterală	O intrare personalizată care face legătura către o vizualizare salvată sau un URL extern	`defineNavigationMenuItem`
Listă de înregistrări	O configurație salvată pentru un obiect — coloane vizibile, ordine, filtre, grupuri	`defineView`
Pagină de detalii a unei înregistrări	Filele și widgeturile de pe o pagină de înregistrare (ale propriului tău obiect sau ale unuia standard)	`definePageLayout`, `definePageLayoutTab`
În interiorul oricăreia dintre cele de mai sus	Un widget React personalizat — butoane, formulare, dashboarduri, integrări	`defineFrontComponent`
Meniul de comenzi (Cmd+K)	O acțiune rapidă fixată sau o comandă ascunsă	`defineCommandMenuItem`

Componentele front rulează în interiorul unui Web Worker izolat folosind Remote DOM — acestea sunt redate nativ în pagină (nu într-un iframe), dar nu pot accesa direct pagina gazdă sau DOM-ul. Comunicarea cu Twenty se face printr-un API al gazdei bazat pe transmiterea de mesaje.

​În această secțiune