Data bindings & formatting

Wappler documentation

Data bindings & formatting

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

Open in Wappler

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.

Tours

Formatters (transform data for display)Use App Connect formatters to transform values (date, currency, text, collections) using Wappler’s expression picker.View guide→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.View guide→Expression BuilderUse Wappler’s Visual Expression Builder to construct conditions from the picker UI instead of hand-writing filter expressions.View guide→Data Formatter (advanced formatting + filtering)Build formatter chains visually (basic formatting → advanced filtering) and insert them back into your bindings.View guide→Format currency in table cellsA worked example of formatting each product price through the Text binding picker.View guide→App Connect JavaScript FunctionsBridge App Connect state and focused custom JavaScript with dmx.parse(), dmx.app.data, and reactive expressions in one maintainable page.View guide→Format a date for displayA date-formatting example with a concrete input, format pattern and expected display.View guide→