Widgets

Widgets are the building blocks of an App Builder application: a table, a set of KPIs, charts, a feature editor, and more. You add them to your app, arrange them, and configure what they do.

Pre-built and ready to use

ALIGN ships a catalogue of pre-built widgets. Adding one installs a clean, self-contained piece into your project, already working against your data. You do not start from a blank component: you start from something that runs, then tailor it.

The widget catalogue

Category	Widget	What it lets you do
Data	Attribute table	Browse a layer’s features in a sortable, searchable, filterable grid; pick and reorder columns; sync selection with the map; edit attributes inline; export the view to CSV.
Data	Charts	Show a bar or pie chart of a layer’s attributes, aggregated by a dimension you choose.
Data	KPI	Show one aggregated metric (count, sum, average, min or max) as a stat card.
Editing	Feature editor	Let users create, select, move, edit or delete features and their attributes, within the limits you set.
Information	Legend	Show an automatic legend built from each layer’s symbology, kept in sync as styles change.
Information	Layers control	Let users toggle visibility and reorder the project’s layers straight from the map.
Information	Basemap switcher	Switch the basemap from the map, with live previews of each option.
Information	Bookmarks	Offer saved map views, plus personal views that visitors save on their own device.
Information	Search	Add a geocoding search bar to fly to a place or address.
Information	Compass	Show a compass that follows the map bearing; click it to reset the view to north.
Tools	Measure	Measure distances and areas on the map.

The catalogue grows over time. Every widget you add is yours to configure, and to enhance, as the rest of this page explains.

Enhanced by the AI, still yours to configure

You can ask the AI Assistant to enhance a widget: change its look, add behavior, adapt it to your data. Because the widget is real code in your project, the Assistant edits it like any other file.

The important part: an enhanced widget stays configurable without code. Every widget exposes an options schema, a declared set of settings, and ALIGN reads that schema from the copy installed in your project, not from a central registry. So even after the AI has reworked a widget, its settings still show up in the Controls and Widgets panel as normal form fields you can edit by hand.

Enhancement changes what a widget can do. It does not turn it into a black box.

Two levels of configuration

Widget settings are where ALIGN’s two-level model shows up. As the creator, you configure, through these options, what the end-user of your published app is allowed to do: which actions are available, what is on by default, what stays fixed. A capability is never a hardcoded “always on”; it is a parameter you set.

Where to configure them

Open the Controls and Widgets panel from the tool rail. Each installed widget is rendered as a form driven by its schema: change a value and the live preview updates. You can also install, remove and reinstall widgets from here.

See the Interface overview for where the panel sits.