1 Editor Basics
Interface Layout
| Area | Contents | Use |
|---|---|---|
| Top bar | Render preview, push to screen, network setup, theme, account | Global actions |
| Left canvas | The editing area scaled to the screen ratio | Inspect layout, select elements, drag to reorder |
| Canvas toolbar | Zoom level, zoom in/out, fit, grid | Adjust the editing view |
| Right panel | Selected column/number or overall settings | Edit properties |
The management page works in phone browsers — columns, numbers and the detail panel reflow for narrow screens. Phones suit quick number edits, marking taken and switching Wi-Fi; fine layout work is better on a computer with steadier dragging and zooming.
Top Bar Buttons
| Button | Action | Affects the screen? |
|---|---|---|
| Render preview | Toggle preview mode, hiding edit borders and selection boxes, showing the background | No — browser view only |
| Push to screen | After confirmation, re-render and push the current layout | Yes |
| Network setup | Open the network configuration page | No, unless a connection is executed |
| Theme | Toggle light/dark interface | No — browser only |
| Account | Change password, log out | No |
"Render preview" checks the finished look without pushing to the screen. Daily editing already goes up automatically; use "Push to Screen" only when the screen seems out of sync.
The top bar also has a "Developer" button — a supplier maintenance entry. Do not click it in daily use; a power cycle restores things if touched by accident.
Canvas Operations
- Select: click a column or number; its properties appear on the right.
- Deselect: click empty canvas; the panel returns to "Overall Settings".
- Move a number: drag it; releasing auto-saves and pushes.
- Move a column: drag its empty area; locked columns cannot be dragged.
- Resize a column: drag the bottom-right handle to change width and height.
- Zoom the view: use "−", "+" and "Fit"; zooming affects the editing view only, never the screen.
- Grid: show/hide the editing grid as an alignment reference.
Auto-Save and Push
There is no "save" button. Every content change is written to the device automatically and pushed after a brief merge:
- inputs commit once typing stops;
- consecutive edits merge to avoid screen churn;
- on a normal network, screen updates take about 0.2~0.3 seconds;
- changes committed before closing the page are already saved — the browser need not stay open.
If the network drops or an operation errors, the interface reports the failure — the change may not be saved, so redo it once the network recovers.
Undo, Redo and Shortcuts
Undo: Ctrl+Z; redo: Ctrl+Y or Ctrl+Shift+Z.
Undo covers adding, deleting, editing, dragging, reordering, cross-column moves, marking taken, changing backgrounds and clearing. The undo history lives in the current browser page — refreshing or closing clears it. Inside an input box, Ctrl+Z undoes text first and does not reach the canvas.
Note: after a background switch succeeds, the device cleans the old file. Undoing "change background" may restore only the layout record while the image is gone — keep local copies of important backgrounds.
Common shortcuts:
| Shortcut | Action | Note |
|---|---|---|
Ctrl+Z | Undo | Text undo inside inputs |
Ctrl+Y / Ctrl+Shift+Z | Redo | Not triggered inside inputs |
Space | Add a number to the current column | Not triggered inside inputs |
↑ / ↓ | Move the selected number up/down within the column | Not triggered inside inputs |
← / → | Move the selected number to the end of the previous/next column | Not triggered inside inputs |
Esc | Close a dialog | Works for some dialogs |