Panoramica

Cosa copre il livello di disposizione

Il livello di layout di un’app Twenty è tutto ciò che l’utente vede: dove l’app viene visualizzata nella barra laterale, quali viste elenco fornisce, come sono organizzate le sue pagine di dettaglio dei record e quali componenti React personalizzati vengono renderizzati all’interno di quelle pagine.

   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 questa sezione

Visualizzazioni

defineView — configurazioni dell’elenco salvato: colonne visibili, filtri, gruppi.

voci del menu di navigazione

defineNavigationMenuItem — voci della barra laterale che puntano a viste o URL esterni.

Page Layouts

definePageLayout, definePageLayoutTab e definePageLayoutWidget — schede e widget nella pagina di dettaglio di un record.

Componenti

Front

defineFrontComponent — componenti React sandboxed che rendono all’interno di Venti.

Elementi del menu dei comandi

defineCommandMenuItem — registra i componenti frontali come voci Cmd+K e azioni rapide.

Dove viene visualizzata l’app

Superficie	Cosa controlla	Entità
Barra laterale	Una voce personalizzata che collega a una vista salvata o a un URL esterno	`defineNavigationMenuItem`
Elenco record	Una configurazione salvata per un oggetto — colonne visibili, ordine, filtri, gruppi	`defineView`
Pagina di dettaglio del record	Le schede e i widget nella pagina di un record (del tuo oggetto o di un oggetto standard)	`definePageLayout`, `definePageLayoutTab`, `definePageLayoutWidget`
All’interno di uno qualsiasi dei precedenti	Un widget React personalizzato: pulsanti, moduli, dashboard, integrazioni	`defineFrontComponent`
Impostazioni dell’app	Una voce nel menu delle impostazioni dell’app; dichiarane quante ne occorrono	`defineSettingsMenuItem`
Menu comandi (Cmd+K)	Un’azione rapida fissata o un comando nascosto	`defineCommandMenuItem`

I componenti front-end vengono eseguiti all’interno di un Web Worker isolato usando Remote DOM: vengono renderizzati in modo nativo nella pagina (non all’interno di un iframe), ma non possono accedere direttamente alla pagina host o al DOM. La comunicazione con Twenty avviene tramite un’API host basata sul passaggio di messaggi. Sono ancora in fase di sviluppo attivo: la sandbox implementa un DOM parziale, quindi gli usi avanzati possono non funzionare. Vedi Limitazioni attuali.

Sviluppatori

App

API

Auto-ospitazione

Contribuire

Libreria UI

Cosa copre il livello di disposizione

In questa sezione

Dove viene visualizzata l’app

​Cosa copre il livello di disposizione

​In questa sezione

​Dove viene visualizzata l’app

Cosa copre il livello di disposizione

In questa sezione

Dove viene visualizzata l’app