Files
twenty/packages/twenty-docs/user-guide/layout/capabilities/record-pages.mdx
T
Félix Malfait 5d438bb70c Docs: restructure navigation, add halftone illustrations, clean up hero images (#19728)
## Summary

- **New Getting Started section** with quickstart guide and restructured
navigation
- **Halftone-style illustrations** for User Guide and Developer
introduction cards using a Canvas 2D filter script
- **Removed hero images** (`image:` frontmatter + `<Frame><img>` blocks)
from all user-guide article pages
- **Cleaned up translations** (13 languages): removed hero images and
updated introduction cards to use halftone style
- **Cleaned up twenty-ui pages**: removed outdated hero images from
component docs
- **Deleted orphaned images**: `table.png`, `kanban.png`
- **Developer page**: fixed duplicate icon, switched to 3-column layout

## Test plan

- [ ] Verify docs site builds without errors
- [ ] Check User Guide introduction page renders halftone card images in
both light and dark mode
- [ ] Check Developer introduction page renders 3-column layout with
distinct icons
- [ ] Confirm article pages no longer show hero images at the top
- [ ] Spot-check a few translated pages to ensure hero images are
removed

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: github-actions <github-actions@twenty.com>
2026-04-21 09:13:55 +02:00

51 lines
2.0 KiB
Plaintext

---
title: Record Pages
description: Customize the layout of individual record detail pages with tabs and widgets.
---
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 |
## Customizing a record page
1. Open any record
2. Press `Cmd+K` and search for "Edit record page layout"
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.