Data bindings & formatting
Expressions, bindings, pickers, and formatter chains for display-ready values.
Bindings, Expressions, and Formatters
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.
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.
Expression Builder
Use Wappler’s Visual Expression Builder to construct conditions from the picker UI instead of hand-writing filter expressions.
Data Formatter (advanced formatting + filtering)
Build formatter chains visually (basic formatting → advanced filtering) and insert them back into your bindings.
Format Data in Dynamic Tables
Format values inside repeating rows and tables so lists stay readable while the original data remains clean and reusable.
App Connect JavaScript Functions
Bridge visual App Connect state and focused custom JavaScript with dmx.parse(), dmx.app.data, and reactive bindings.