# Detail View

View complete record information with full field content and relationship details.

## Overview

The detail view shows a single record with all its data, providing complete visibility beyond what's shown in the list view.

## Opening Detail View

Click any record card in the list view to open its detail view. The detail appears as a modal overlay.

## Detail View Layout

### Field Organization

Fields are displayed in a vertical stack with:

- **Field labels** above each value
- **Full content** without truncation
- **Type-appropriate formatting**
- **Generous spacing** for readability

### Field Order

The order of fields in detail view follows your [layout configuration](/content/docs/features/layouts/index.html). Customize the order by:

1. Opening the Layout panel
2. Switching to the Detail View tab
3. Dragging fields to reorder

## Field Rendering

### Text Fields

Full text content is displayed, including:

- Multi-line text with preserved formatting
- Long strings without truncation
- Whitespace-preserved content

### Numbers

Precise values with full decimal places when relevant.

### Dates and Timestamps

Formatted for readability:

- Full date and time
- Timezone information where applicable
- Relative time indicators (optional)

### Booleans

Clear true/false display with visual indicators.

### JSON Data

JSON is rendered with:

- Syntax highlighting
- Collapsible nested objects
- Copy button for easy access
- Formatted indentation

### Arrays

Arrays display with:

- Item count indicator
- Expandable list of items
- Individual item formatting based on type

### Code Fields

When a language preference is set (see [Layouts](/content/docs/features/layouts/index.html)):

- Syntax highlighting for the selected language
- Monospace font
- Line numbers for longer content

### URLs

Clickable links that open in a new tab.

### Emails

Clickable mailto links.

### Images

Image URLs are rendered as thumbnails with:

- Preview in the detail view
- Click to open full-size in a new tab

### Null Values

Null fields are displayed clearly but subtly, distinguishable from empty strings.

## Navigating Records

### Keyboard Navigation

While in detail view, use keyboard shortcuts:

| Key | Action |
| --- | --- |
| `Esc` | Close detail view |
| `j` or `↓` | Next record |
| `k` or `↑` | Previous record |

### Navigation Buttons

Arrow buttons at the top of the detail view allow clicking to navigate between records.

## Related Records

### Incoming Relationships

When other tables have foreign keys pointing to this record, you'll see a relationships section:

This displays:

- Related table name
- Count of related records
- Preview of first few related records
- Link to view all with pre-applied filter

## Editing in Detail View

If you have edit permissions, you can modify values directly in the detail view.

## Closing Detail View

Close the detail view by:

- Clicking the **X** button
- Pressing **Escape**
- Clicking outside the modal

You'll return to the list view with your position preserved.

## Best Practices

### Quick Reference

Use detail view for:

- Reviewing complete record data
- Verifying field values
- Checking relationship details
- Copying specific values

### Customize for Efficiency

Configure your detail view layout to:

- Put frequently-needed fields first
- Hide irrelevant fields
- Group related information together

## Next Steps

- [Edit records](/content/docs/features/editing/index.html) directly in Simpl
- [Navigate relationships](/content/docs/features/relationships/index.html) to explore connected data
- [Use keyboard shortcuts](/content/docs/features/keyboard-shortcuts/index.html) for faster navigation