Skip to main content

True Portrait Mode

Enable True Portrait mode to build native portrait presentations with full drag-and-drop support, portrait preview, and portrait media playlists

Written by Marc Rosenberg
Updated today

True Portrait Mode

True Portrait is a presentation setting that transforms the Presentation Editor into a native portrait environment — giving you a portrait-oriented canvas preview, a portrait media playlist, and full drag-and-drop field positioning, all without relying on CSS rotation.


The Problem with CSS Rotation

Before True Portrait, building a portrait-layout presentation required a workaround: you would upload landscape-resolution media, then use a CSS transform: rotate(270deg) rule to rotate both the background and your dynamic text fields. While functional, this approach had real limitations:

  • The canvas preview stayed in landscape orientation, making it difficult to visually position fields

  • Drag-and-drop field positioning did not behave correctly on a rotated canvas

  • Field Sections were not supported in rotated presentations

  • Media had to be exported in landscape dimensions even if the display was physically portrait-mounted

True Portrait eliminates these workarounds by treating the presentation as portrait from the start.


When to Use True Portrait

Enable True Portrait when your display is physically mounted in portrait orientation and you want to:

  • Build a presentation whose canvas preview matches what the display will actually show

  • Use drag-and-drop to position dynamic text fields on a portrait canvas

  • Use Field Sections in a portrait layout

  • Upload natively-sized portrait media (1080×1920 or 2160×3840)

Common use cases include portrait-mounted indoor menu boards, drive-thru order confirmation screens, single-panel digital menu towers, and digital directory signage in a portrait frame.


How to Enable True Portrait

  1. Open the presentation in the Presentation Editor.

  2. Click the Properties tab.

  3. Locate the True Portrait toggle in Presentation Properties.

  4. Enable True Portrait.

  5. Save the presentation.

Note: Enable True Portrait before adding media to the playlist or creating drag-and-drop field positions. Enabling it after content has already been placed may require repositioning your fields for the portrait canvas.


What Changes When True Portrait Is Enabled

Portrait Canvas Preview

The canvas preview in the Fields tab switches from a landscape (16:9) orientation to a portrait (9:16) orientation. What you see in the editor matches what will appear on a portrait-mounted display.

Portrait Playlist

The Playlist tab accepts and displays media in portrait dimensions. Upload portrait-resolution images and videos — landscape media will not fill the screen correctly on a portrait display.

Drag-and-Drop Field Positioning

Drag-and-drop field positioning (enabled in Presentation Properties via Drag-n-Drop) works natively on the portrait canvas. You can drag fields to any position, and arrow-key nudging works correctly along portrait axes. No CSS rotation is needed to make fields appear right-side up on a portrait display.

Field Sections

Field Sections are fully supported in True Portrait presentations. Create sections, drag them into position on the portrait canvas, and configure their layout, typography, and image settings the same way you would in a landscape presentation.

CSS Tab

Standard CSS for font size, color, and positioning works as expected. You do not need transform: rotate() to orient your text — fields render upright on the portrait canvas automatically.


Portrait Media Specifications

Upload media at the dimensions that match your display's resolution. Do not use landscape dimensions in a True Portrait presentation.

Images

Resolution

Dimensions

File Types

File Size Limit

FHD Portrait

1080 × 1920 px

.jpg / .png

100 MB

UHD Portrait

2160 × 3840 px

.jpg / .png

100 MB

Video

Resolution

Dimensions

File Type

Frame Rate

File Size Limit

FHD Portrait

1080 × 1920 px

.mp4

30 fps

1 GB

UHD Portrait

2160 × 3840 px

.mp4

30 fps

1 GB

See Content Formats & Specifications for recommended video bit rates and additional format details.


True Portrait vs. CSS Rotation

CSS Rotation (old method)

True Portrait

Canvas preview

Landscape — does not match the display

Portrait — matches the display exactly

Drag-and-drop

Unreliable on a rotated canvas

Fully supported

Field Sections

Not supported

Fully supported

Media dimensions

Landscape (1920×1080 or 3840×2160)

Portrait (1080×1920 or 2160×3840)

CSS required

transform: rotate(270deg) on fields and background

None — fields render upright automatically

Setup complexity

Manual rotation math for field positioning

Visual drag-and-drop on a portrait canvas

True Portrait is the recommended approach for any new portrait presentation. CSS rotation remains available for legacy presentations, but new builds should use True Portrait.


Related Articles

Did this answer your question?