5Properties Panel β Fine-Tuning Each Component
When you select any component on the canvas, the Properties Panel on the right shows all its adjustable parameters. Properties are grouped into 5 categories β click a category name to expand/collapse.
5.1 Position & Size
| Property | Description |
|---|
| X / Y | Coordinates of the component's top-left corner on the canvas (in mm). Enter exact values for precise positioning. |
| Width / Height | Component dimensions. If "Lock Aspect Ratio" is on, changing width scales height proportionally. |
| Rotation | Rotation angle (0~360Β°). Positive = clockwise, negative = counter-clockwise. |
| Lock | When checked, the component cannot be selected, moved, or resized on the canvas (prevents accidental changes). |
5.2 Appearance
| Property | Description |
|---|
| Fill color | Background color. Choose solid, gradient (A to B), or "No Fill" (transparent). |
| Border color / Border width | Color and thickness of the outer border. Set width to 0 for no border. |
| Opacity | 0 (fully transparent) ~ 255 (fully opaque). Use for watermark effects. |
| Shadow | Drop shadow effect β offset distance, blur amount, and shadow color. |
5.3 Text Format (Text Components Only)
| Property | Description |
|---|
| Font | Dropdown listing all fonts installed on your computer. |
| Size | Font size in pt (points). Common values: 8pt=small, 12pt=body, 24pt=title. |
| Bold / Italic / Underline | Text style toggles. |
| Text color | Click the swatch to open the color picker. |
| Horizontal alignment | Left / Center / Right. (Alignment is within the component box.) |
| Vertical alignment | Top / Middle / Bottom. |
| Character spacing / Line spacing | Adjust spacing between characters and between lines of multi-line text. |
| Auto wrap | Wrap text when it exceeds component width. |
5.4 Data Binding
This is where components come to life β automatically displaying data source content.
| Property | Description |
|---|
| Enable Binding | Toggle. ON: component content comes from data source. OFF: uses static manually entered text. |
| Data Source | Choose the data source: Database / Excel / CSV / Variables / Manual Input. |
| Field Mapping | Select which field (column) from the data source to bind to this component. |
| Data Format | Format the data, e.g. date (2026-05-17), currency ($1,234.56). |
| Default Value | What to display when data is null (e.g. "N/A"). |
| Transform Rules | Additional processing: uppercase, lowercase, prefix/suffix text, first N characters, etc. |
| Preview | Real-time preview of the binding result. |
5.5 Advanced
| Property | Description |
|---|
| Visible when printing | If disabled, the component is visible during design but prints as blank (for notes/comments). |
| Include when exporting | Whether to include this component in PDF/image exports. |
| Print-only visible | Opposite β hidden during design, appears only when printing. |
| Minimum font size | When data text is too long, it auto-shrinks but won't go below this size. |