Page
A page is the canvas inside a scene where design elements get placed. Every block users see and interact with must be a direct or indirect child of a page block. A scene without at least one page cannot be displayed properly by the editor.
A scene can hold one page or many. The choice depends on what the design represents.
What multiple pages enable
In design mode, pages represent discrete units of a document. The most common patterns:
- Multi-page documents. Photo books, brochures, presentations, print collateral. Each page is a sheet or slide; the editor surfaces page management (add, reorder, duplicate, delete) for users assembling the document.
- Multi-format campaigns from one scene file. A single scene can hold an Instagram square on page one, a Story-format page two, a Facebook landscape page three. Variables and shared assets stay consistent across all pages; only dimensions and layout change. One data injection produces every format.
- Size variants in a campaign. Same design, different page dimensions per output channel. Drives multi-format output without separate template files.
In video mode, each page has duration and a timeline of its own. Pages in a video scene are time segments, not parallel sheets: page one plays, then page two plays, then page three. The Timeline component handles the temporal sequencing within each page.
Page arrangement and current page
The scene arranges its pages either vertically (the default) or horizontally, which controls how they appear in the editor as the user scrolls or navigates. This is a scene-level layout setting, separate from the layout mode that governs blocks within a page.
The engine also tracks a “current page” during a session: the page of the first selected element if that page is at least 25% visible in the viewport, otherwise the page closest to the viewport center. New blocks added without an explicit parent get attached to the current page automatically.
Page dimensions and the design unit
Each page has a width and height expressed in the scene’s design unit (Pixel, Millimeter, or Inch). Page dimensions determine the output format. A page sized 210 × 297 mm at 300 DPI produces a print-ready A4 output; a page sized 1080 × 1920 px produces an Instagram Story.
When a scene is created from an existing image, page dimensions automatically match the image.
Pages in the editor
Pages appear as top-level nodes in the Layer Panel. All blocks on a page are listed as children of that page node. The Canvas Bar typically provides page management controls for multi-page workflows: add, duplicate, reorder, delete.
See scene for the root container, design-unit for the measurement system that drives page dimensions, layer-panel for how pages show up in the editor UI, and timeline for what changes when a scene runs in video mode.
Links
Documentation and references for this concept.
Working with Pages
How to create, configure, and navigate between pages in a scene.
Multi-Page Layouts
Guide to building multi-page scenes and controlling page dimensions.
Page Sizes Demo
See how CE.SDK handles multiple page sizes and format configurations.
Single Page Mode Demo
Try CE.SDK configured for single-page design workflows.
Related Terms
Scene
The root-level document in CE.SDK, a specialized block that sits at the top of the block hierarchy and contains one or m…
Block
The fundamental building unit of every scene in CE.SDK: everything in a design, including the scene itself, pages, image…
Design Unit
The measurement system used to define all dimensions, positions, and sizes within a scene: either Pixel, Millimeter, or …