Wappler documentation

Core components

Data-oriented building blocks: data components and common data sources.

Use this hub when you need App Connect's core data building blocks. Start with Variables, Arrays, and Toggles, then move into Data Store, Data View, Data Detail, and list-state patterns.

Foundations

Data components (Variable, Array, Toggle)Explore App Connect data components—Variable, Array, and Toggle—and the key Properties you’ll configure for each.View guide Data StoreClient-side collections in App Connect: define a schema, store records, and perform record actions like insert/update/delete.View guide Filter, sort and page records with Data ViewShow active products in price order, one product per page.View guide Select one loaded record with Data DetailFind one product by its id and handle a missing selection.View guide Browse loaded records with Data IteratorMove through a known array with next and previous controls.View guide Event CalendarBuild and inspect a populated App Connect Event Calendar with views, a calendar source, styled events, and a real scheduling page around it.View guide

List state & results

Dynamic Sortable TableBuild sortable data tables that keep filtering, sorting, and paging understandable instead of turning list state into guesswork.View guide Filter Query with a Text InputUse a text input to drive list filtering so search stays immediate, readable, and easy to pair with paging or sorting.View guide Filter Query with a URL ParameterUse URL-driven filtering when the current view should survive reloads, bookmarks, and shared links without custom JavaScript.View guide Filter Query with Multiple CheckboxesUse checkbox-driven filtering when users need multi-select narrowing without losing track of which conditions are active.View guide Show Total Record CountSurface total counts where they help users understand result size, progress, and filter impact without cluttering the page.View guide No Results StateShow an honest no-results state so filtered or empty datasets explain themselves instead of making the page feel broken.View guide