5d438bb70c
## 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>
51 lines
2.0 KiB
Plaintext
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.
|