Prezentare generală

Ce acoperă stratul de aspect

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

Vizualizează

defineView - configurații de listă salvate: coloane vizibile, filtre, grupuri.

Meniul Navigației

defineNavigationMenuItem — intrări sidebar îndreptate spre vizualizări sau URL-uri externe.

Pagina Layouts

definePageLayout, definePageLayoutTab şi definePageLayoutWidget - file şi widget-uri pe pagina de detalii a înregistrării.

Componentele frontului

defineFrontComponent - componente React sandboxed care redă înăuntrul Twenty.

Meniul de comandă

defineCommandMenuItem - înregistrează componentele din față 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`, `definePageLayoutWidget`
Î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 intrare în meniul de setări al aplicației; declară oricâte ai nevoie	`defineSettingsMenuItem`
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.

Dezvoltatori

Aplicații

API

Autogazda

Contribuie

Biblioteca UI

Ce acoperă stratul de aspect

În această secțiune

Unde este afișată aplicația

​Ce acoperă stratul de aspect

​În această secțiune

​Unde este afișată aplicația

Ce acoperă stratul de aspect

În această secțiune

Unde este afișată aplicația