2Interface Overview — Your Workspace

When you first open the software, you'll see a large window divided into several areas. Let's walk through them.

2.1 Overall Layout

┌──────────────────────────────────────────────────────┐
│  📌 Title Bar — file name + software name [—] [□] [×]│
├──────────────────────────────────────────────────────┤
│  File | Edit | View | Data | Print | Help             │  ← Menu Bar
├──────────────────────────────────────────────────────┤
│  📎 Toolbar: New Open Save Undo Redo Print Preview... │
├──────┬────────────────────────────┬───────────────────┤
│ Left │      Center Canvas          │   Right Properties│
│ Comp. │  ┌──────────────────┐      │   Position & Size │
│ Tool- │  │ Tab1 | Tab2      │      │   Appearance      │
│ box   │  │                  │      │   Text Format     │
│ (drag │  │  WYSIWYG design  │      │   Data Binding    │
│ comp. │  │  area            │      │   Advanced        │
│ to    │  └──────────────────┘      │                   │
│ canvas)│                          │                   │
├──────┴────────────────────────────┴───────────────────┤
│  Status Bar: Zoom 100% | Label Size 100×60mm | Cursor  │
└──────────────────────────────────────────────────────┘

2.2 Detailed Walkthrough

① Title Bar (Top)

• Displays the current label file name (e.g. "My First Label.iba")
• Three buttons on the right: — Minimize, □ Maximize/Restore, × Close
• Drag the title bar to move the window

② Menu Bar

The menu bar is divided into 6 categories:

③ Toolbar (Below Menu Bar)

The toolbar has two rows:

• Main toolbar: New, Open, Save, Undo, Redo, Cut, Copy, Paste, Delete, Print, Preview
• Format toolbar: When a text component is selected — font, size, bold(B), italic(I), underline(U), alignment, color, Z-order, lock

④ Component Toolbox (Left)

This lists all "parts" you can add to a label — text, barcode, QR code, image, table, etc. Each part is a component.

To use them: click and hold a component, drag it to the center canvas, then release.

⑤ Design Canvas (Center)

This is where you design your label. What you see on the canvas is what the label will look like when printed — WYSIWYG (What You See Is What You Get).

• You can open multiple labels at once, each in its own tab
• The canvas has a grid (helps alignment) and a ruler (helps measure dimensions)
• Drag components to move them; drag edges to resize

⑥ Properties Panel (Right)

When you select a component on the canvas, this panel shows all its adjustable properties. For example, selecting a text component lets you change its font, color, data binding, etc. Properties are grouped into 5 categories (Position, Appearance, Text, Data, Advanced) — see Chapter 5 for details.

⑦ Status Bar (Bottom)

Displays useful information:

• Zoom level: current zoom percentage (100% = actual size)
• Page number: current page / total pages
• Template size: label dimensions (e.g. 100 × 60 mm)
• Cursor position: mouse coordinates on the canvas
• Selected component: name of the currently selected component