Wappler documentation
How-to guides
Find a practical guide or worked example for the task you want to complete.
Find the task you want to complete. Each guide states its starting conditions, procedure and result.
Display and work with data
Repeat table rows and bind dataA complete table example: choose a collection, repeat its rows, bind each cell, and check the result.Format currency in table cellsA worked example of formatting each product price through the Text binding picker.Format a date for displayA date-formatting example with a concrete input, format pattern and expected display.Display nested categories and productsA worked parent-and-child example: return nested records, repeat the categories, and bind each category’s products.Dynamic Sortable TableBuild sortable data tables that keep filtering, sorting, and paging understandable instead of turning list state into guesswork.Filter, sort and page records with Data ViewShow active products in price order, one product per page.
Forms and accounts
Disable a submit button and show a spinnerA complete pending-state pattern using the form’s executing state.Confirm a form submission with a Page FlowA confirmation dialog that submits only from its confirm branch and cancels without sending a request.Create a working login formThe complete connection between a Security Provider, a login action and the page’s success/error states.Register a user and sign in after successA registration action with validation, password hashing, a fixed initial role and login after insertion.Security: Restricting Access to Your PageUse the App Root security properties to understand shared layout protection, page-specific access rules, and the inspector fields that control login and permission redirects.
Files
Upload a file to your serverAn upload form and server action with a named file input, destination and result to verify.Save uploaded file information in a databaseA concrete mapping from upload output into a database record, using the current Files example.Uploading Multiple Files To Your ServerYou can upload multiple files to your server using the server side file upload tools available in Wappler. Let’s start with the upload form. We created a simple Bootstrap 4 Layout and it contains a coShow Image Preview Before UploadWhen uploading images you can display a small preview thumbnail of the selected image. You can use this in two cases: 1. For single image upload You already know how to UPLOAD SINGLE IMAGE TO YOUR SERFile Downloads and ProcessingA learning hub for serving files, listing folders, custom download UX, and image processing workflows in Wappler.
Project and delivery
Create a New Local ProjectLearn how to move from Project Manager into the New Project flow, pick a clean starter template, and understand the settings that shape your first local project.Database tasksConnect a database, inspect records and create tables and relationships.Page and layout tasksChoose a page type, edit its content and reuse layouts.Publishing tasksCheck the target, publish the project and inspect the deployment result.Git tasksCommit changes, work with branches and synchronize with a remote repository.
More solutions
Workflow tasksFind server-side and client-side workflows for the operation you need.Media, Galleries and EffectsA Wappler learning hub for media-heavy pages, covering focused component tours for lightbox, masonry, lazy loading, slideshow, Swiper, background video, and image parallax.Mobile and Desktop AppsChoose a complete app-learning path: Framework7 8 and Capacitor for Mobile projects, Bootstrap 5 for Mobile projects, or Bootstrap 5 and Electron for Desktop projects.AI DevelopmentGuided AI development in Wappler from first prompts to advanced full-stack generation, verification, and comparison workflows.