PDF Builder - Main Canvas and Features
The PDF Builder provides a drag-and-drop canvas to design
printable pages and documents. Use editable page previews, grid layouts, and
real-time data placeholders to produce dynamic PDFs populated with live system
data.
Main Canvas (Center)
A large central canvas where users drag and drop elements
(text, images, tables, barcodes). The canvas supports multiple pages, zoom, and
snap-to-grid for precise placement. Elements are resizable and movable with
handles; keyboard arrows allow fine adjustments.
Drag & Drop Boxes
A left-side palette contains reusable blocks (Text, Image,
Table, Barcode, Placeholder) that can be dragged onto the canvas. Each block
remembers formatting and supports copy/paste, duplication, and grouping for
complex layouts.
Page Preview (Editable)
A right-side editable page preview shows the current page
WYSIWYG. Users can double-click elements to edit text, change fonts, and adjust
margins. Preview includes page size selector and export-quality settings.
Grid Layout
Toggle grid and alignment guides to snap elements into rows
and columns. Define custom grid sizes, margins, and gutter spacing for precise
print-ready output.
Real-time Data Fill (Placeholders)
Use placeholders like {{UserName}}, {{PermitNo}}, {{Date}},
etc., which are populated from live records during PDF generation. Preview
populated data in real-time and test with sample payloads before export.
