Wappler documentation
Mobile Apps — Original guides
Illustrated mobile apps 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)
Adding Pull To Refresh Functionality to your Mobile Apps in Framework 7Pull to refresh is a special component that can be used to run different actions, for example - refreshing the data on the page. In this tutorial we will show you how to refresh dynamic data coming frCreating a Login Screen for Mobile AppsYou can easily create a login screen for your mobile app and log users in, using Framework 7 and its components.Creating Desktop AppsYou can build standalone Desktop Apps with Wappler, thanks to the Electron integration. Building Desktop Apps is as easy as building a website in Wappler. Electron is a framework for creating native aCreating Dynamic Pages in Framework7In this tutorial we will show you how to create dynamic pages using Framework 7. This is useful when you have a page listing your records and you want to display the record details in a details page.Dynamic API Prefixes with App Connect Global DataIntro You can now set up different target environments for your mobile and desktop apps. Build against a dev API during testing and switch to production when deploying. The new prefix attribute in SerFramework 7 - Including the Framework on your Mobile AppAll the features of Framework 7 directly accessed through you favourite visual app design tool, Done the Wappler way! To begin creating amazing mobile apps visually in Wappler using Framework 7 componGetting Started with Mobile Apps and Framework 7In this tutorial we will show you how to create a mobile project in Wappler and some of the basics of Framework 7 - the framework used in Wappler to build your Mobile App Layout.Mobile Apps: Routing with BootstrapIntro Thanks to the App Connect Client Side Routing it’s possible to use routing for your mobile apps built with Bootstrap. You just define a single index.html file and load all your content pages insSetting Up a Mobile Project with CapacitorIntro Capacitor is an open source project that runs modern Web Apps natively on iOS, Android, Electron, and Web while providing a powerful and easy-to-use interface for accessing native SDKs and nativUpdating Cordova Projects to CapacitorWappler provides an easy way to update your existing mobile Cordova based projects to Capacitor.Using Capacitor Camera PluginIntro The Camera Plugin provides the ability to take a photo with the camera or choose an existing one from the photo album for your mobile and desktop apps. In this tutorial we will show you how to uUsing Capacitor Native PluginsIf you’re looking to supercharge your mobile app development, understanding how to leverage Capacitor plugins is a game-changer.Using Dynamic Data in Desktop and Mobile AppsAs you know the Mobile and Desktop apps cannot run PHP/ASP/ASP.NET files, which are required to create a database connection and get data from your database. You are only allowed to use HTML files in Using Framework7 ComponentsFramework7 comes with a set of ready to use UI components like dialogs, popup, action sheet, popover, list views, tabs, side panels, layout grid, form elements, cards and many more. You can use these Using Local Databases in Mobile and Desktop appsIntro You can use local SQLite database for your mobile and desktop apps. The database will be created locally on the users device initially on app start. The database will be created as defined in th