Getting Started
Getting Started
This guide walks you through building and publishing your first application in the low-code designer — no code required. It takes about ten minutes.
Before you begin
- You need the Builder permission in your DataMagik company.
- Have at least one data source ready — a lookup table, a saved ODBC/SQL query, or a script. See Working with Data Sources if you need to set one up first.
1. Create the app
Open App Designer from the navigation and click New Application. Give it a name, pick an icon and a color, and leave the type as Layout (the visual designer). Click Create.
Prefer automation? Create it from the MCP tools or API instead:
apps_create { "app_name": "Receiving", "app_type": "layout" }2. Add a component
Drag a Table from the component palette onto the canvas. Components are the building blocks of a layout app — tables, forms, charts, buttons, and containers. Arrange them by dragging; resize and nest them to build your screen.
3. Bind it to data
Select the table and open the properties panel. Choose a data source — a lookup table or ODBC query you have access to — and map its columns to the table. The designer wires up reads and refreshes for you; no query code required.
4. Preview with real data
Use the live preview to see your screen running against actual data. You can supply screen-context parameters (for example an order or shipper id) to preview exactly what a user will see.
5. Set permissions and menu placement
In the app settings, optionally assign a permission so only authorized users can open the app, choose a menu folder for navigation, and toggle Show on mobile if it should appear in the mobile app.
6. Publish
Click Publish. Your app goes live immediately and is automatically available on the DataMagik website, inside Plex through the datamagik extend extension, and on the mobile app. Every publish creates a new version you can roll back to at any time.
Next steps
- Go deeper on the canvas in The Low-Code Designer.
- Make your app interactive in Logic, Actions & Events.
- Ready for full control? See Custom Vue SPA Apps.