Features
Pricing
Docs
Community
Blog
Account
TOC
Getting Started
License and Download
Purchase a License
Download Wappler
Wappler Wallet
Getting Started
Wappler's UI
Choosing Your Project Setup
Your First Wappler Project
Editor Tab Groups
Shortcut Keys
App Connect
Bootstrap Integration
File Manager
Design Panel
CSS Panel
Publish Manager
DW Site Migration
How-to Guides
Project Setup & Frameworks
App Connect
Default Frameworks
Visual Tooling
Expression Builder
Working with Elements
Working with Elements
Class & ID
Spacing (Margin & Padding)
HTML Tags
Responsive Images
Lazy Load Images
Drag & Drop
Image Text Overlay
Button Styling
Vertical Navigation
Sticky Navigation
Sticky Footer
Dynamic Data & Attributes
Dynamic Attributes
URL Parameters
Format Dynamic Data
Table Data Formatting
Dynamic Row Styling
Nested Repeats
Date & Time
Year Limits
Conditional Display & Events
Conditional Visibility
Empty Query Message
Record Count
Delete Confirmation
Dynamic Shortcut Keys
Submit Spinner
Icons & Styling
Font Awesome
Font Awesome Pro
Advanced
App Connect + JS
Web and Database Server Outputs
Network & Live Data Panels
Project Manager
Project Manager
Create Local Project
Switch Projects
Remove Projects
Project from Repository
Extensions Channels
Reset Frameworks
Local Development with SSL
Bootstrap Visual Designer
Layout & Structure
Layout
Custom Bootstrap Paths
Components
Typography & Text
Navbar
Offcanvas Sidebar
Navigation Align
Cards
Forms
Modals
Placeholders
Theme Manager
Theme Manager
Advanced Options
Theme Manager (v5)
Migration & Versions
Convert BS4 Pages to BS5
Image Galleries & Animations
Galleries & Lightbox
Masonry Grid
Lightbox
Slideshows & Swiper
Responsive Slideshow
Slideshow Transitions
Swiper Basic Options
Swiper Responsive Options
Fullscreen Swiper
Lazy Load
Lazy Load Images
Lazy Load with Dynamic Data
Placeholder Images (Lazy Load)
Animations & Effects
Animations
Animation Delay Options
Parallax Effect
Background Videos
Typing Animation
Page Transitions
Page Enhancements
Page Preloader
Server-side Components
General
Debugging Problems
Debug Only Output
Server-Side Includes (SSI)
Using Session Variables
Generating UUID Identifiers
Using Set Value in Server Connect
Creating Reusable Actions (Library)
Using Globals in Server Connect
Database Connections & Queries
Connecting to a Database
Creating Database Queries
Creating Custom SQL Queries
Database Single Query
Nested Queries (Basic)
Nested Queries (Advanced)
Join Results of Two Data Collections
Data Transformations
Working with Array Lists
Filtering & Displaying Data
Display Dynamic Data
Filter with Text Input
Filter with URL Parameter
Filter with Multiple Checkboxes
Dynamically Check Multiple Checkboxes
Dynamic Select Menu
Dynamic Paging
Dynamic Sortable Table
Record Details with Data View
Loop Records with Data Iterator
Database CRUD
Insert Database Record
Get Inserted Record ID
Unchecked Checkbox on Insert/Update
Delete Database Records
Emails & Forms
Sending Form Data to Email
Security and Login
Security Setup
Site Security Settings
Restrict Page Access
Secure Server-Side Data
Argon2 Secure Hashes
HTTP Security Headers
User Authentication
Create Login Page
Logout Button
Register & Auto Login
Redirect on Login by Role
User Data & Sessions
Get Logged-in User Details
Logged User Session Name
Password Management
Password Reset (Part 1)
Password Reset (Part 2)
OAuth & External Providers
OAuth2 with Facebook
OAuth2 with Google
Forms & Data Validation
Form Layouts & Flows
Multi-Column Forms
Multi-Step Forms
Validation
Client-Side Validation with Feedback
Check if Record Exists Before Insert
Adding reCaptcha to your Forms
Mobile Apps
Getting Started
Mobile Apps Intro (F7)
Setup with Capacitor
Update Cordova to Capacitor
Include Framework7
Framework7 Components
App UI & Navigation
Dynamic Pages (F7)
Pull-to-Refresh (F7)
Login Screen
Routing with Bootstrap
Data & APIs
Dynamic Data
Local Databases
Dynamic API Prefixes
Native Plugins
Capacitor Camera
Capacitor Plugins
Desktop Apps
Create Desktop Apps
API and JSON
Working with JSON
JSON Data
Data Types & Binding
API Integration
API Data Source
Caching API Data
API Connector (REST & cURL)
Cookies, Sessions and Local Storage
Cookies
Show Modal Once with Cookie
Cookie Consent Alert
Sessions & Local Storage
Pass Values Between Pages
Working with Arrays
Shopping Cart with Data Store
File Management
Uploads
Upload Single File
Upload Multiple Files
Progress Bar for Uploads
Dropzone Component
Show Image Preview Before Upload
Insert Uploaded File Names
Insert Multiple File Names
File & Image Processing
Resize Image & Create Thumbnail
List Files from Folder
Downloads
File Downloads with Server Connect
Custom File Downloader with Controls
Routing and URL Rewrite
Routing and URL Rewrite Docs
URL Rewriting
Single Page Apps (SPA)
Front-End Components
Date & Time Pickers
Date Range Picker (Insert & Update)
Date Range Picker (Dynamic Values)
Time Picker with Date Picker
Calendar
Event Calendar (Getting Started)
Event Calendar (Dynamic Events)
Autocomplete & Editors
Autocomplete
WYSIWYG Editor (Summernote)
Form Helpers & Confirmations
Confirmation Dialog on Form Submit
Delete Records with Confirmation
Logic & Flows
App Connect Flow Introduction
Global Server Connect Events
Toggle
Tagify
Tagify Basics
Custom Tagify Lists
Insert Tagify Values into Database
Tagify with Multi-Reference
Create & Store New Tags
Ecommerce
Getting Started
Stripe Integration Basics
Stripe Elements Overview
Payments & Checkout
Stripe Buy Button
Stripe Pricing Tables
Stripe Embedded Checkout
Stripe Checkout with Custom Products
Stripe Custom Checkout Forms
Custom Checkout Module
Subscriptions & Webhooks
Stripe Subscriptions
Stripe Webhooks
Step-by-Step Integration
Part 1 – Customer Creation
Part 2 – List Customers
Part 3 – Retrieve Customer
Part 4a – Basic Payment (App Connect)
Part 4b – Basic Payment (Server Connect)
Part 5 – Add Shipping Details
Git and Version Control
Git & Version Control
Git Basics
Git Branches
Remote Repositories
Revert Changes (Go Back in Time)
Connect to GitHub, GitLab, Bitbucket
Project from Git Repository
NodeJS
Basics
NodeJS Integration
Create NodeJS Project with Docker
NodeJS FTP Deploy (Plesk & cPanel)
Data & Time Settings
Pages & Templates
Template-Based Pages & Layouts
SPA Pages with NodeJS
Using Partials
Custom Error Pages
Automation
Scheduling Actions
Server-Side Rendering
Server-Side Rendering (SSR)
Using Server Connect Data in SSR
Security
Securing NodeJS Pages
Real-Time Features
Realtime Data with WebSockets
WebSockets Messaging
Real-Time Chat App
Database Manager
Using Database Manager
Create Database Connections
Create Database Relations
Edit Database Data
Create Sub Tables
Use Multi-References
Hosting and Cloud Platforms
Resource Manager
Manage Cloud Servers
Managed Databases
Manage SSH Keys
Understanding SSH Keys
Remote File Manager (Docker)
Connect Existing Servers (Docker)
Databases & Services
Single Local Database Server
Install Shared Services on Servers
Local Redis Server
Redis for Multiple Projects
Hosting & Deployment
Firebase Hosting (Free)
Deploy to Heroku
Roll Your Own PaaS – Part 1
Roll Your Own PaaS – Part 2
Oracle Cloud (Free Server)
AWS & Cloud Storage
AWS Hosting with Docker
Elastic IP with AWS
Setup S3 on AWS
Setup S3 on DigitalOcean Spaces
Using S3 Connector
App Connect S3 Upload
Use SSH for Remote Docker Targets
Wappler Extensibility
Getting Started
Install & Use Custom Extensions
Build Custom Extensions
Server Connect
Custom Modules & Formatters (Overview)
Custom Modules & Formatters (PHP)
Custom Modules & Formatters (NodeJS)
Custom Modules & Formatters (ASP)
Extending Express (NodeJS)
App Connect
Custom App Connect Components & Formatters
Writing Custom Formatters
Writing Custom Attributes
Writing an App Connect Component
UI Controls
App Connect UI Controls Reference
Cookies, Sessions and Local Storage Docs
Discuss
Cookies, Sessions and Local Storage Index
Learn how to manage Cookies, Sessions and Local Storage.
Cookies, Sessions and Local Storage Docs
Using Cookie to Show Modal Once
Passing Values Between your Pages
Working with Arrays
Creating a Cookie Consent Alert
Creating a Shopping Cart with the Data Store Component