e7da97194a
Some checks failed
App Prod-Parity E2E Dispatch / dispatch (push) Failing after 10s
CD Storybook UI / build (push) Failing after 3m25s
CD Storybook UI / dispatch (push) Has been skipped
CD deploy main / website-changed-files (push) Successful in 18m8s
CI Agent Skills / changed-files-check (push) Successful in 18m9s
CI Create App E2E minimal / changed-files-check (push) Successful in 24s
CI Create App / changed-files-check (push) Successful in 26s
CI Docs / changed-files-check (push) Successful in 26s
CI Emails / changed-files-check (push) Successful in 28s
CI Example App Hello World / changed-files-check (push) Successful in 23s
CI Front / changed-files-check (push) Has been skipped
CI Example App Postcard / changed-files-check (push) Successful in 27s
CI UI / changed-files-check (push) Has been skipped
CI Utils Test / changed-files-check (push) Successful in 45s
CI Twenty Apps / discover (push) Successful in 1m3s
CD deploy main / deploy-main (push) Failing after 3s
CI Agent Skills / agent-skills-validate (push) Has been skipped
CI Create App / create-app-test (lint) (push) Has been skipped
CI Emails / emails-test (push) Has been skipped
CI Front / front-task (lingui:compile) (push) Has been skipped
CI Front / front-task (lint) (push) Has been skipped
CI Example App Postcard / example-app-postcard (push) Has been skipped
CI UI / ui-task (lint) (push) Has been skipped
CI UI / ui-task (pack-size) (push) Has been skipped
CI UI / ui-task (size) (push) Has been skipped
CI UI / ui-task (test) (push) Has been skipped
CI UI / ui-task (typecheck) (push) Has been skipped
CI Utils Test / utils-test (push) Has been skipped
CI Twenty Apps / ${{ matrix.app.name }} (push) Has been skipped
CI Emails / ci-emails-status-check (push) Successful in 2s
CI Example App Hello World / ci-example-app-hello-world-status-check (push) Successful in 2s
CI Example App Postcard / ci-example-app-postcard-status-check (push) Successful in 3s
CI UI / ui-sb-test (push) Has been skipped
CI Utils Test / ci-utils-test-status-check (push) Successful in 2s
CI Twenty Apps / ci-twenty-apps-status-check (push) Successful in 2s
CI UI / ci-ui-status-check (push) Successful in 2s
CI Desktop / desktop (push) Failing after 1m8s
Push docs to Crowdin / Push documentation to Crowdin (push) Failing after 55s
Push translations to Crowdin / Extract and upload translations (push) Failing after 5s
Push website translations to Crowdin / Extract and upload website translations (push) Failing after 5s
CI Create App / create-app-test (test) (push) Has been skipped
CI Create App / create-app-test (typecheck) (push) Has been skipped
CI Docs / docs-lint (push) Has been skipped
CI Example App Hello World / example-app-hello-world (push) Has been skipped
CI Front / front-task (lingui:extract) (push) Has been skipped
CI Front / front-task (test) (push) Has been skipped
CI Front / front-task (typecheck) (push) Has been skipped
CI UI / ui-sb-build (push) Failing after 1m32s
CI Twenty Apps / ${{ matrix.app.name }} (${{ matrix.server-source }}) (push) Has been skipped
CI Agent Skills / agent-skills-publish (push) Has been skipped
CI Create App / ci-create-app-status-check (push) Successful in 2s
CI Agent Skills / agent-skills-remote-source (push) Has been skipped
CI Create App E2E minimal / create-app-e2e-minimal (push) Has been cancelled
CI E2E Main / e2e-test (push) Has been cancelled
CI Front / front-sb-build (push) Has been cancelled
CI Front / front-build (push) Has been cancelled
CI Create App E2E minimal / ci-create-app-e2e-minimal-status-check (push) Has been cancelled
CI E2E Main / ci-e2e-main-status-check (push) Has been cancelled
CI E2E Main / notify-main-ci-failure (push) Has been cancelled
CI E2E Main / qa-scout-comment (push) Has been cancelled
CI Front / front-sb-test (push) Has been cancelled
CI Front / front-sb-screenshots (push) Has been cancelled
CI Front / ci-front-status-check (push) Has been cancelled
DPA Sub-Processor Sync / sync-subprocessors (push) Failing after 3s
AI Catalog Sync / sync-catalog (push) Failing after 2s
69 lines
2.5 KiB
Plaintext
69 lines
2.5 KiB
Plaintext
---
|
|
title: Record Pages
|
|
description: Customize the layout of individual record detail pages with tabs and widgets.
|
|
---
|
|
|
|
## Overview
|
|
|
|
When you open a record in Twenty, the detail page is composed of **tabs** and **widgets**. Both are fully customizable per object type.
|
|
|
|
## Tabs
|
|
|
|
Each record page can have multiple tabs — similar to tabs in a browser. Use them to organize different aspects of a record. For example, a Company record might have tabs for Overview, Communication, Tasks, and Files.
|
|
|
|
You can:
|
|
- Add and remove tabs
|
|
- Rename tabs
|
|
- Reorder tabs by dragging
|
|
- Set which tab shows by default
|
|
|
|
## Widgets
|
|
|
|
Widgets are the building blocks inside each tab. Available widget types include:
|
|
|
|
| Widget | What it shows |
|
|
|--------|--------------|
|
|
| **Fields** | Record fields, grouped or individually |
|
|
| **Related records** | Table of records linked via a relation |
|
|
| **Emails** | Email history from connected accounts |
|
|
| **Calendar** | Calendar events associated with the record |
|
|
| **Timeline** | Activity and event history |
|
|
| **Tasks** | Associated tasks |
|
|
| **Notes** | Rich text notes |
|
|
| **Files** | File attachments |
|
|
| **Charts** | Visual data from related records |
|
|
| **iFrame** | Embedded external content |
|
|
| **Rich text** | Static content or descriptions |
|
|
|
|
### Editing related records
|
|
|
|
Related-record table and kanban widgets are editable by default. To make one read-only:
|
|
|
|
1. Open the record page layout editor
|
|
2. Select the related-record widget
|
|
3. Turn off **Allow editing** under **Data and display**
|
|
|
|
For tables, this prevents cell editing. For kanban boards, it prevents editing cards, moving them between columns, and creating records. Role permissions still apply when editing is allowed.
|
|
|
|
## Customizing a record page
|
|
|
|
1. Open any record
|
|
2. Press `Cmd+K` and search for "Edit record page layout"
|
|
|
|
or
|
|
|
|
1. Go to Settings → Data Model → object of your choice → Layout
|
|
2. Click the "Customize record page" button for that object
|
|
|
|
3. You're now in customization mode:
|
|
- **Add widgets** from the widget picker
|
|
- **Drag widgets** to reposition them on the grid
|
|
- **Resize widgets** by dragging their edges
|
|
- **Configure fields** shown within each widget
|
|
- **Manage tabs** — add, remove, rename, reorder
|
|
4. Save your changes — they apply to all records of that object type
|
|
|
|
## Field visibility
|
|
|
|
Within a Fields widget, you can control which fields are visible and in what order. This lets you create focused layouts — for example, showing only the most important fields on the Overview tab and putting detailed fields in a separate tab.
|