# Previewing entries

> Preview your entries in dynamic compositions and use the nested composition editor for content validation.

Source: https://docs.uniform.app/docs/guides/composition/entries/previewing-entries

Preview your entries to see how they will look and behave in compositions before publishing. This ensures your content works correctly across different contexts and displays as expected.

Video: [Preview a blog post entry in different compositions](https://vimeo.com/1092529196)

## How entry previews work

Entry previews open your entry in a nested composition editor, showing exactly how the entry will appear when used in actual compositions. This live preview helps you validate content and design choices before going live.

Key benefits:

- See content in its final context
- Test different screen sizes and viewports
- Validate content without publishing
- Preview draft content alongside published content

## Configuring entry previews

Entry preview functionality is configured at the content type level.

For step-by-step instructions on setting up previews, see the [content types documentation](https://docs.uniform.app/docs/guides/models/content-types#previews).

## Using entry previews

When editing an entry that has preview configured:

1. **Access preview options**: Click the **Preview** button in the [editor controls](https://docs.uniform.app/docs/guides/composition/entries/entry-editor#editor-controls). If multiple previews are configured, select one from the dropdown.

   ![The entry editor with the preview dropdown open.](https://docs.uniform.app/images/guides/composition/entries/entry-editor-previews.png)
2. **Handle unsaved changes**: If the entry has unsaved changes, you'll be prompted to save them first.
3. **Launch preview editor**: The nested composition editor opens, showing your entry within the configured composition.
4. **Customize preview experience**:

   - Enable [preview mode](https://docs.uniform.app/docs/guides/composition/visual-editing#edit-and-preview-mode) to hide editing UI
   - Use the locale switcher to see how the entry looks in different locales
   - Try different [preview viewports](https://docs.uniform.app/docs/guides/composition/visual-editing/preview-mode#configure-preview-viewports) to test various screen sizes
   - Modify any [dynamic preview values](https://docs.uniform.app/docs/guides/composition/visual-editing#preview-dynamic-values) that would affect the entry's appearance in the preview
   - Unpin the structure panel to maximize the preview area

![The entry preview in the detail page composition with the preview mode enabled.](https://docs.uniform.app/images/guides/composition/entries/entry-preview-detail-page.png)

5. **Return to editing**: Click **X** in the left corner of the [nested composition editor](https://docs.uniform.app/docs/guides/composition/entries/authoring-entries#nested-entry-editing) to return to the entry editor.

Entry previews automatically use unpublished content mode when enabled, allowing you to preview draft content.

## Unpublished content mode

Unpublished content mode enables content authors to preview and test draft entries in the visual editor before making them live. This powerful feature allows you to see how unpublished entries interact with other content, ensuring everything works as expected before publishing.

**Note**: This mode is disabled by default and must be enabled in the data source settings.

### Enabling unpublished content mode

To enable unpublished content mode:

1. Go to **Experience > Data types**
2. Edit the Uniform Content data source
3. Check the **Enable unpublished mode** toggle

![Enabling unpublished content mode in the data source settings.](https://docs.uniform.app/images/guides/composition/entries/uniform-content-unpublished-content-toggle.png)
