Wappler documentation

Interaction

Wire events to actions, and work with Dynamic Events/Attributes.

Use this hub when user interaction should trigger behavior. Start with events and actions, then move into Dynamic Events, Dynamic Attributes, and show-or-hide patterns.

Tours

Events & actionsLearn how App Connect turns user interactions into declarative behavior: choose an event, attach one or more actions, apply modifiers, and let bindings react to the updated state.View guide Dynamic EventsDynamic Events overview: preview the ( + ) menu, open the Actions Picker for an existing event, and understand common modifiers.View guide Using shortcut keys for dynamic eventsUse the Dynamic Events UI to add keyboard-driven events and review the modifier controls that constrain when they fire.View guide Dynamic AttributesDynamic Attributes overview: use Properties ( + ) to add attributes, then inspect and bind values with picker icons and valid expressions.View guide Show or Hide Elements ConditionallyIntro You can show or hide elements on your page conditionally, i.e. when a specific condition is met. There are two ways of doing in Wappler - using a conditional region and using the dynamic show anView guide App Connect AnimationsAdd purposeful enter and move animations to repeated content, then inspect the selected element and its dynamic animation properties in the complete HTML Editor workspace.View guide