The Dataview Designer is a visual, drag-and-drop tool for creating Device View (DV) JSON files for the CC2. It is hosted at dataviewdesigner.infrafon.club and allows you to build DVs without manually editing JSON.
| Feature | Description |
|---|
| Drag-and-Drop Interface | Drag widgets from the left menu onto the canvas |
| Live Preview | See how the DV will look on the device |
| Property Editor | Configure widget properties in the right panel |
| Page Management | Add, rename, and delete pages |
| Icon Library | 1,757 icons available for use |
| JSON Export | Generate ready-to-use DV JSON files |
The left panel contains all available widgets and icons:
| Category | Widgets |
|---|
| AA Text | Text, Number, Percentage, Boolean |
| Others | Message List, Number of Messages, Number of Unread Messages, Icon Boolean, Stars |
To add a widget: Drag and drop from the left menu onto the canvas.
| Action | How To |
|---|
| Add a page | Click + Add page |
| Edit page name | Click on the page tab and rename |
| Delete page | Click the page tab and select delete |
| Navigate pages | Click on page tabs (Page 1, Page 2, etc.) |
| Select widget | Click on a widget on the canvas |
| Move widget | Drag the widget to a new position |
| Resize widget | Drag the corner handles |
When a widget is selected, the right panel shows its properties:
| Attribute | Options |
|---|
| Align to Canvas | Align widget to canvas edges |
| H. Align | Left, Center, Right |
| V. Align | Top, Middle, Bottom |
| Attribute | Options | Description |
|---|
| STATIC | Fixed value | Widget displays a fixed value |
| DYNAMIC | Dynamic value | Widget updates from device data |
| BUTTON | Button | Widget triggers actions when pressed |
| Attribute | Options | Description |
|---|
| Border Style | None, ROUNDED, SQUARED | Visual border style |
| Border Size | 0-10+ (default: 4) | Border thickness in pixels |
⚠️ IMPORTANT: The legacy On Entry / Target system is being removed. Use Button Actions instead.
| Action Type | Description |
|---|
| Goto Page | Navigate to another page |
| Update Remote | Send value to backend |
| Update Local | Update local widget value |
| Update Output | Update device config |
| Run Command | Execute system command |