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×1920or2160×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
Open the presentation in the Presentation Editor.
Click the Properties tab.
Locate the True Portrait toggle in Presentation Properties.
Enable True Portrait.
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 |
| .jpg / .png | 100 MB |
UHD Portrait |
| .jpg / .png | 100 MB |
Video
Resolution | Dimensions | File Type | Frame Rate | File Size Limit |
FHD Portrait |
| .mp4 | 30 fps | 1 GB |
UHD Portrait |
| .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 ( | Portrait ( |
CSS required |
| 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
Working with Presentations — Complete guide to the Presentation Editor, including the Properties tab and drag-and-drop field positioning.
Sections in Presentations — Group dynamic fields into structured layout blocks and position them on the canvas.
Content Formats & Specifications — Supported image and video formats, resolutions, frame rates, and file size limits.
