Prezentare generală

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`
Setări ale aplicației	O secțiune de configurare personalizată din fila Setări a aplicației, în locul interfeței implicite pentru variabile	`defineSettingsFrontComponent`
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. Sunt încă în curs de dezvoltare activă: sandbox-ul implementează un DOM parțial, astfel încât utilizările avansate pot eșua. Vezi Limitări actuale.

Aplicații

API

Autogazda

Contribuie

Prezentare generală

În această secțiune

Vizualizări

Elemente de meniu de navigare

Layouturi de pagină

Componente front-end

Elemente din meniul de comenzi

Unde este afișată aplicația

​În această secțiune

Vizualizări

Elemente de meniu de navigare

Layouturi de pagină

Componente front-end

Elemente din meniul de comenzi

​Unde este afișată aplicația

În această secțiune

Unde este afișată aplicația