Here you can find the Wappler’s official documentation. Make sure you review it all first to understand all the powerful features of Wappler and its general usage.
Please Note: The original Docs Area found here is arranged in category format which might be easier to follow as each category has chronologically ordered tutorials within.
Table of Contents (TOC)
The below is formatted in "story format" where each concept or tutorial follows the previous concepts already learnt from the article before it. This has been produced like this as the documents are constantly being added to and Wappler is evolving rapidly.
The Next and Previous buttons at the foot of each tutorial will take you to the next story formatted article.
WAPPLER GENERAL
-
About the Getting Started category
#docs:getting-started (1 of 12) -
Wappler Shortcut Keys
#docs:getting-started (12 of 12) -
About the Project Manager category
#docs:project-manager (1 of 4) -
Migrating Dreamweaver Site Definitions into Wappler
#docs:getting-started (3 of 12)
MOBILE SPECIFIC DEVELOPMENT
-
Framework 7 - Setup a new Mobile Project
#docs:mobile-apps (5 of 5) -
Framework 7 - Including the Framework on your Mobile App
#docs:mobile-apps (4 of 5) -
Apache Cordova Builder - System Checking Procedure
#docs:mobile-apps (2 of 5) -
Apache Cordova Builder - Add or Remove Mobile App Building Platforms
#docs:mobile-apps (3 of 5)
WEB & MOBILE DEVELOPMENT
-
About the How-to Guides category
#docs:how-to-guides (1 of 25) -
Adding Bootstrap 4
#docs:how-to-guides (13 of 25) -
Adding App Connect
#docs:how-to-guides (14 of 25) -
Using Font Awesome
#docs:how-to-guides (16 of 22) -
Using Font Awesome 5 Pro
#docs:how-to-guides (17 of 25) -
Add Elements to the Page
#docs:how-to-guides (12 of 25) -
About the Bootstrap 4 Visual Designer category
#docs:bootstrap-4-visual-designer (1 of 6) -
Bootstrap 4 Layout Basics
#docs:bootstrap-4-visual-designer (6 of 6) -
Duplicating Elements
#docs:how-to-guides (11 of 25) -
Deleting Elements
#docs:how-to-guides (10 of 25) -
Navigation Align Options
#docs:how-to-guides (23 of 25) -
Vertical Navigation
#docs:how-to-guides (24 of 25) -
About the Server-side Components category
#docs:server-side-components (1 of 18) -
Server Side Includes (SSI)
#docs:server-side-components (7 of 18) -
About the Form & Data Validation category
#docs:form-data-validation (1 of 6) -
Validation - Apply Client Side Form Validation with User Feedback
#docs:form-data-validation (4 of 6) -
Using Dynamic Attributes - Part 1: Disabling Confirm Password Field
#docs:getting-started (9 of 12) -
Using Dynamic Attributes - Part 2: Showing Elements Based on Condition
#docs:getting-started (10 of 12) -
Using Dynamic Attributes - Part 3: Toggling Class Based on Condition
#docs:getting-started (11 of 12) -
About the Notifications and Alerts category
#docs:notifications-and-alerts (1 of 2) -
Notifications - Adding and General Notifications Usage
#docs:notifications-and-alerts (2 of 2) -
Bootstrap 4 Modals
#docs:bootstrap-4-visual-designer (2 of 6) -
About the Cookies, Sessions and Local Storage category
#docs:cookies-sessions-and-local-storage (1 of 2) -
Using Cookie to Show Modal Once
#docs:cookies-sessions-and-local-storage (2 of 2) -
About the Image Galleries & Animations category
#docs:image-galleries-animations (1 of 12) -
Responsive Slideshow
#docs:image-galleries-animations (7 of 12) -
Slideshow Transitions
#docs:image-galleries-animations (6 of 12) -
Using Lazy Load for Image on Your Page
#docs:image-galleries-animations (10 of 12) -
Using Placeholder Image with Lazy Load
#docs:image-galleries-animations (12 of 12) -
Responsive Images with Lazy Load and srcset
#docs:how-to-guides (22 of 25) -
Adding Class or ID
#docs:how-to-guides (9 of 25) -
Drag & Drop Elements
#docs:how-to-guides (4 of 25) -
Applying a Page Preloader
#docs:image-galleries-animations (3 of 12) -
Applying a Masonry Grid
#docs:image-galleries-animations (2 of 12) -
Lazy Load with Dynamic Data
#docs:image-galleries-animations (11 of 12) -
Swiper - Basic Options
#docs:image-galleries-animations (8 of 12) -
Swiper - Responsive Options
#docs:image-galleries-animations (9 of 12) -
Caching API Data
#docs:api-and-json (4 of 6) -
API Connector components, how to use and connect REST/Curl API’s
#docs:api-and-json (2 of 6) -
Connecting to a Database
#docs:server-side-components (15 of 18) -
Creating Database Queries
#docs:server-side-components (14 of 18) -
Displaying Dynamic Data on your Pages
#docs:server-side-components (13 of 18) -
Formatting Dynamic Data for Client Side Display
#docs:how-to-guides (2 of 25) -
Show a Message when Query Returns No Results
#docs:how-to-guides (19 of 25) -
Binding Dynamic Values to Form Inputs
#docs:form-data-validation (5 of 6) -
Sending Form Data to Email
#docs:server-side-components (3 of 18) -
Dynamic Attributes
#docs:how-to-guides (5 of 25) -
Using Shortcut Keys for Dynamic Events
#docs:how-to-guides (21 of 25) -
Define URL Parameters
#docs:how-to-guides (6 of 25) -
Filtering Database Query with a URL Parameter
#docs:server-side-components (11 of 18) -
Filtering Database Query with a Text Input
#docs:server-side-components (12 of 18) -
Filtering Database Query with Multiple Checkboxes
#docs:server-side-components (17 of 18) -
Show Total Number of Records from a Query
#docs:how-to-guides (20 of 25) -
Dynamic Sortable Table
#docs:server-side-components (8 of 18) -
Applying Dynamic Paging
#docs:server-side-components (9 of 18) -
About the Security and Login category
#docs:security-and-login (1 of 8) -
Setting Site Security Settings
#docs:security-and-login (7 of 8) -
Login - Create a Working User Login Page
#docs:security-and-login (6 of 8) -
Logout - Create a Working User Logout Button
#docs:security-and-login (3 of 8) -
Getting Details of the Logged In User and Binding them to your page
#docs:security-and-login (2 of 8) -
Using Session Variables
#docs:server-side-components (16 of 18) -
Security - Secure your Server-Side data
#docs:security-and-login (4 of 8) -
Security - Restricting Access to Your Page
#docs:security-and-login (5 of 8) -
Insert Database Record
#docs:server-side-components (6 of 18) -
Check if a Database Record Already Exists Before Inserting a New Entry
#docs:form-data-validation (2 of 6) -
About the File Management category
#docs:file-management (1 of 7) -
Uploading Single File To Your Server
#docs:file-management (4 of 7) -
Adding Progress Bar to Upload Form
#docs:file-management (3 of 7) -
Inserting Uploaded File Names in a Database
#docs:file-management (2 of 7) -
Uploading Multiple Files To Your Server
#docs:file-management (5 of 7) -
Inserting Multiple File Names in a Database
#docs:file-management (6 of 7) -
Show Image Preview Before Upload
#docs:file-management (7 of 7) -
Dynamically check Radio Buttons and Checkboxes
#docs:form-data-validation (6 of 6) -
Dynamically Check Multiple Checkboxes
#docs:server-side-components (18 of 18) -
Get Inserted Record ID
#docs:server-side-components (5 of 18) -
Delete Database Records
#docs:server-side-components (4 of 18) -
Register New User and Auto Login on Success
#docs:how-to-guides (15 of 25)
UNOFFICIAL DOCS & EXTRA HELP