Wappler Official Documentation

howto

#1

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

  1. About the Getting Started category
    #docs:getting-started (1 of 12)

  2. Wappler’s User Interface
    #docs:getting-started (8 of 12)

  3. Wappler Shortcut Keys
    #docs:getting-started (12 of 12)

  4. About the Project Manager category
    #docs:project-manager (1 of 4)

  5. Creating a New Local Project
    #docs:project-manager (4 of 4)

  6. Removing Projects
    #docs:project-manager (2 of 4)

  7. Switching between Projects
    #docs:project-manager (3 of 4)

  8. Migrating Dreamweaver Site Definitions into Wappler
    #docs:getting-started (3 of 12)

  9. Purchasing a Wappler License
    #docs:getting-started (2 of 12)


 
MOBILE SPECIFIC DEVELOPMENT

  1. About the Mobile Apps category
    #docs:mobile-apps (1 of 5)

  2. Framework 7 - Setup a new Mobile Project
    #docs:mobile-apps (5 of 5)

  3. Framework 7 - Including the Framework on your Mobile App
    #docs:mobile-apps (4 of 5)

  4. Apache Cordova Builder - System Checking Procedure
    #docs:mobile-apps (2 of 5)

  5. Apache Cordova Builder - Add or Remove Mobile App Building Platforms
    #docs:mobile-apps (3 of 5)


 
WEB & MOBILE DEVELOPMENT

  1. About the How-to Guides category
    #docs:how-to-guides (1 of 21)

  2. Adding Bootstrap 4
    #docs:how-to-guides (13 of 21)

  3. Bootstrap 4 Integration
    #docs:getting-started (6 of 12)

  4. Adding App Connect
    #docs:how-to-guides (14 of 21)

  5. App Connect Introduction
    #docs:getting-started (7 of 12)

  6. Using Font Awesome
    #docs:how-to-guides (16 of 21)

  7. Using Font Awesome 5 Pro
    #docs:how-to-guides (17 of 21)

  8. Add Elements to the Page
    #docs:how-to-guides (12 of 21)

  9. About the Bootstrap 4 Visual Designer category
    #docs:bootstrap-4-visual-designer (1 of 6)

  10. Bootstrap 4 Layout Basics
    #docs:bootstrap-4-visual-designer (6 of 6)

  11. Duplicating Elements
    #docs:how-to-guides (11 of 21)

  12. Deleting Elements
    #docs:how-to-guides (10 of 21)

  13. Applying Margin and Padding
    #docs:how-to-guides (8 of 21)

  14. Creating a Navbar
    #docs:bootstrap-4-visual-designer (5 of 6)

  15. About the Server-side Components category
    #docs:server-side-components (1 of 16)

  16. Server Side Includes (SSI)
    #docs:server-side-components (7 of 16)

  17. Bootstrap 4 Cards
    #docs:bootstrap-4-visual-designer (4 of 6)

  18. Bootstrap 4 Forms
    #docs:bootstrap-4-visual-designer (3 of 6)

  19. About the Form & Data Validation category
    #docs:form-data-validation (1 of 6)

  20. Validation - Apply Client Side Form Validation with User Feedback
    #docs:form-data-validation (4 of 6)

  21. Using Dynamic Attributes - Part 1: Disabling Confirm Password Field
    #docs:getting-started (9 of 12)

  22. Using Dynamic Attributes - Part 2: Showing Elements Based on Condition
    #docs:getting-started (10 of 12)

  23. Using Dynamic Attributes - Part 3: Toggling Class Based on Condition
    #docs:getting-started (11 of 12)

  24. Toggle any Element Visibility
    #docs:how-to-guides (18 of 21)

  25. About the Notifications and Alerts category
    #docs:notifications-and-alerts (1 of 2)

  26. Notifications - Adding and General Notifications Usage
    #docs:notifications-and-alerts (2 of 2)

  27. Bootstrap 4 Modals
    #docs:bootstrap-4-visual-designer (2 of 6)

  28. About the Cookies, Sessions and Local Storage category
    #docs:cookies-sessions-and-local-storage (1 of 2)

  29. Using Cookie to Show Modal Once
    #docs:cookies-sessions-and-local-storage (2 of 2)

  30. About the Image Galleries & Animations category
    #docs:image-galleries-animations (1 of 9)

  31. Responsive Slideshow
    #docs:image-galleries-animations (7 of 9)

  32. Slideshow Transitions
    #docs:image-galleries-animations (6 of 9)

  33. Applying Responsive Images
    #docs:how-to-guides (7 of 21)

  34. Using Lightbox
    #docs:image-galleries-animations (5 of 9)

  35. Using Animations
    #docs:image-galleries-animations (4 of 9)

  36. Adding Class or ID
    #docs:how-to-guides (9 of 21)

  37. Drag & Drop Elements
    #docs:how-to-guides (4 of 21)

  38. Inserting Common HTML Tags
    #docs:how-to-guides (3 of 21)

  39. Applying a Page Preloader
    #docs:image-galleries-animations (3 of 9)

  40. Accessing the DOM Tree
    #docs:getting-started (4 of 12)

  41. Applying a Masonry Grid
    #docs:image-galleries-animations (2 of 9)

  42. Swiper - Basic Options
    #docs:image-galleries-animations (8 of 9)

  43. Swiper - Responsive Options
    #docs:image-galleries-animations (9 of 9)

  44. Using the CSS Styles Panel
    #docs:getting-started (5 of 12)

  45. About the API and JSON category
    #docs:api-and-json (1 of 6)

  46. Working with JSON Data
    #docs:api-and-json (6 of 6)

  47. Using API Data Source
    #docs:api-and-json (5 of 6)

  48. Caching API Data
    #docs:api-and-json (4 of 6)

  49. Data Types and Binding
    #docs:api-and-json (3 of 6)

  50. API Connector components, how to use and connect REST/Curl API’s
    #docs:api-and-json (2 of 6)

  51. Connecting to a Database
    #docs:server-side-components (15 of 16)

  52. Creating Database Queries
    #docs:server-side-components (14 of 16)

  53. Debugging Problems
    #docs:server-side-components (2 of 16)

  54. Displaying Dynamic Data on your Pages
    #docs:server-side-components (13 of 16)

  55. Formatting Dynamic Data for Client Side Display
    #docs:how-to-guides (2 of 21)

  56. Show a Message when Query Returns No Results
    #docs:how-to-guides (19 of 21)

  57. Server Side Validation
    #docs:form-data-validation (3 of 6)

  58. Binding Dynamic Values to Form Inputs
    #docs:form-data-validation (5 of 6)

  59. Sending Form Data to Email
    #docs:server-side-components (3 of 16)

  60. Dynamic Attributes
    #docs:how-to-guides (5 of 21)

  61. Using Shortcut Keys for Dynamic Events
    #docs:how-to-guides (21 of 21)

  62. Define URL Parameters
    #docs:how-to-guides (6 of 21)

  63. Filtering Database Query with a URL Parameter
    #docs:server-side-components (11 of 16)

  64. Filtering Database Query with a Text Input
    #docs:server-side-components (12 of 16)

  65. Show Total Number of Records from a Query
    #docs:how-to-guides (20 of 21)

  66. Dynamic Select Menu
    #docs:server-side-components (10 of 16)

  67. Dynamic Sortable Table
    #docs:server-side-components (8 of 16)

  68. Applying Dynamic Paging
    #docs:server-side-components (9 of 16)

  69. About the Security and Login category
    #docs:security-and-login (1 of 8)

  70. Setting Site Security Settings
    #docs:security-and-login (7 of 8)

  71. Login - Create a Working User Login Page
    #docs:security-and-login (6 of 8)

  72. Logout - Create a Working User Logout Button
    #docs:security-and-login (3 of 8)

  73. Getting Details of the Logged In User and Binding them to your page
    #docs:security-and-login (2 of 8)

  74. Logged User Session Name
    #docs:security-and-login (8 of 8)

  75. Using Session Variables
    #docs:server-side-components (16 of 16)

  76. Security - Secure your Server-Side data
    #docs:security-and-login (4 of 8)

  77. Security - Restricting Access to Your Page
    #docs:security-and-login (5 of 8)

  78. Insert Database Record
    #docs:server-side-components (6 of 16)

  79. Check if a Database Record Already Exists Before Inserting a New Entry
    #docs:form-data-validation (2 of 6)

  80. Dynamically check Radio Buttons and Checkboxes
    #docs:form-data-validation (6 of 6)

  81. Get Inserted Record ID
    #docs:server-side-components (5 of 16)

  82. Delete Database Records
    #docs:server-side-components (4 of 16)

  83. Register New User and Auto Login on Success
    #docs:how-to-guides (15 of 21)


 
COMMON TROUBLESHOOTING


Animation and Design
#2