> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# Screenshots

> Screenshots — TypoTonic (EXT:tonic) documentation.

TypoTonic can build almost any kind of record. These screenshots show a few examples of what is possible.

## Creating Datatypes

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/datatype_general.webp" alt="General tab when creating a Datatype" />

*General tab*

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/datatype_appearance.webp" alt="Appearance tab when creating a Datatype" />

*Appearance tab*

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/datatype_tab_config.webp" alt="Tab Configuration tab when creating a Datatype" />

*Tab Configuration tab*

## Field Configuration

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/field_configuration.webp" alt="Field configuration in the General tab" />

*Field configuration*

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/field_selection.webp" alt="Selecting fields for a Datatype" />

*Field selection*

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/field_frontend_settings.webp" alt="Frontend Settings tab of a field" />

*Frontend Settings tab*

## Display Records Plugin

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/plugin_display_records.webp" alt="Display Records plugin configuration" />

*Plugin configuration*

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/plugin_preview.webp" alt="Preview of records rendered by the Display Records plugin" />

*Frontend preview*

## Editing Records

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/record_edit_1.webp" alt="Editing a record, view one" />

*Editing a record*

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/record_edit_2.webp" alt="Editing a record, view two" />

*Editing a record*

<img src="https://mintlify.s3.us-west-1.amazonaws.com/t3planet/en/latest/ExtTypoTonic/Screenshots/Images/record_edit_3.webp" alt="Editing a record, view three" />

*Editing a record*