Skip to content
Wappler Docs

Data bindings & formatting

Expressions, bindings, pickers, and formatter chains for display-ready values.

Back to App Connect
Data bindings & formatting

Expressions, bindings, pickers, and formatter chains for display-ready values.

Use this hub when you need to turn data into display-ready UI. Start with bindings and pickers, then move into expression building, formatter chains, and table formatting.

Choose a bindings path

Section titled “Choose a bindings path”

Start with pickers and bindings, then move into expressions, formatters, and display patterns.

Tours
Formatters (transform data for display)
Use App Connect formatters to transform values (date, currency, text, collections) using Wappler’s expression picker.
Open tour
Data Bindings Picker (scope + Design/Code)
Deep dive into Wappler’s Data Bindings Picker and Visual Expression Builder: scope tree, Design vs Code view editing, preview, and inserting expressions safely.
Open tour
Expression Builder
Use Wappler’s Visual Expression Builder to construct conditions from the picker UI instead of hand-writing filter expressions.
Open tour
Data Formatter (advanced formatting + filtering)
Build formatter chains visually (basic formatting → advanced filtering) and insert them back into your bindings.
Open tour
Format Data in Dynamic Tables
Format values inside repeating rows and tables so lists stay readable while the original data remains clean and reusable.
Open tour
Go to
App Connect
Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.
Open tour