The Low-Code Designer

The Low-Code Designer

The low-code designer is where every layout app is built. You compose screens from components, bind them to live data, and configure behavior — all visually.

The canvas

The canvas is your screen. Drag components from the palette, then position, resize, and nest them. Layout containers let you build rows, columns, and responsive sections that adapt cleanly from desktop to tablet to the shop floor.

Components

Components are the building blocks of a layout app. Common ones include:

• Tables — display and page through rows from a data source.
• Forms & inputs — capture and edit values.
• Charts — visualize data.
• Buttons — trigger actions such as running a script or navigating.
• Containers — group and lay out other components.

The properties panel

Select any component to open its properties. Here you set its data binding, labels, visibility, formatting, and the actions it triggers. Changes are reflected live on the canvas.

Data binding

Point a component at a data source and map fields to it. The designer handles reads and refreshes automatically. See Working with Data Sources for the full list of source types and how to connect them.

Logic without code

Add filtering, validation, conditional visibility, and multi-step actions through guided configuration — no scripting needed for the common cases. For anything more advanced, components can run scripts and emit events; see Logic, Actions & Events.

Organizing and previewing

• Menu folders — place the app in the navigation so the right people find it.
• Show on mobile — toggle whether the app appears in the mobile app.
• Live preview — run the screen against real data and runtime values before publishing.

When to go further

The visual designer covers the vast majority of apps. When you need a custom interaction the canvas cannot express — a bespoke component, complex client logic, or a specific look and feel — graduate to a custom Vue SPA app without leaving the platform.