Wappler documentation
Additional topics — Original guides
Illustrated additional topics guides, with the original steps and examples preserved.
Choose a guide. Version notes identify original instructions that use an earlier interface or framework.
Guides (15)
Accessing the DOM TreeUnlimited power to users that might need access to additional attributes and properties Use the DOM Tree to explore the full structure of your pages. Selecting an item in the DOM structure will allow Adding Bootstrap 4Adding the Bootstrap 4 framework to all your pages. The Bootstrap 4 framework was created with rapid development and ease in mind, Wappler takes this concept to the next level by giving you the full BAdvanced Summernote with AJAX, Fuse Fuzzy Search, Avatars and ID BindingsI needed to create a chat application for a NodeJS project, one of the main elements is a form input where users can post their initial messages. I was having issues with adding @mentions into a summeAny One Know What Leads To This? & How to repair it?I opened a project that is over 6 years old and the last time I worked on it and closed it, this is what I found this morning:Bootstrap 4 CardsA card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. We will show Bootstrap 4 Layout BasicsOpen your HTML file, and add App Connect and Bootstrap 4 frameworks to your page. Please check the How To Guide of the documentation to see how to include them. First, let’s add a container. ContainerCreating a NavbarThere are two ways of setting up a Bootstrap Navbar on your page. Using the predefined Navbar templates Create a Navbar from scratch Using the predefined Navbar templates. Click the add button in DesiIntroduction to WapplerWhat is Wappler? Wappler is a visual low-code building tool that helps you create responsive websites and mobile apps. Now, we know that isn't anything new these days. So what makes us so different frResources and Tips for Beginners to WapplerIntro This Guide This will be about getting started with Wappler when coming from a non-coding background. This isn’t a tutorial on how to make a site or anything (although those are linked), more talSetting Up a Lightweight Dev Environment with NodeJS and SQLiteIntro You don’t need to install and configure any local servers to run your dynamic Wappler web app or site. You can use the powers of the integrated in Wappler NodeJS server in combination with a SQLSetting up FTP ConnectionWappler includes advanced FTP manager, which supports FTP, SFTP and FTPS. It allows you to easily connect to your FTP server and publish your files there. NOTE : If you are working locally , on a locaSetting Up Sending SMS With The Twilio APIHi All, Heres a quick guide for anyone looking to set up Twilio SMS as part of a booking system. I’ve just completed a booking system that works like a dream so thought I’d post here to help others whUsing $_ENV variables to help secure confidential API keys etcOn occasions you may need to store and use confidential data such as API keys etc. To keep them as secure as possible it is good practice to store these as $_ENV variables rather then coding the keys Using Bootstrap Source FilesCreating a project with Bootstrap source files Update: Although the following will work, this video will show a much easier way to do the same: https://www.youtube.com/watch?v=85tt7KwUMLo We will assuWorking on Multiple Projects SimultaneouslyIntro In the latest Wappler 7 Beta, you can now work on multiple projects at the same time by opening them in separate Wappler editor windows. This is perfect for scenarios like developing a mobile ap