Framework 7 tutorial

[Chackmool]

Does anyone know a tutorial or introduction to the use of framework 7?

[Teodor]

You can take a look at the docs:

Setting Up a Mobile Project with Capacitor

Intro 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 native APIs on each platform. As an alternative to Cordova, Capacitor delivers the same cross-platform benefits, but with a more modern approach to app development, taking advantage of the latest Web APIs and native platform capabilities. It might be helpful to think of Capacitor as a powerful new bro…

Creating Dynamic Pages in Framework7

In 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. Pages Overview We created two pages - one main page displaying a list of products. It can be dynamic list, listing your products from a database or any other dynamic source: [Screenshot_1] We also created a content page, which will be used to display our product details, filtered by an ID: […

Getting Started with Mobile Apps and Framework 7

Intro In 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. Creating a Mobile Project The first step is to create a Mobile Project from scratch in Wappler. Open the Project manager: [Screenshot_2] Select New Project: [Screenshot_3] Then select Mobile (1) and click Blank (2): [Screenshot_4] Add a name for the project and select the location on your hard drive, w…

Creating a Login Screen for Mobile Apps

Intro You can easily create a login screen for your mobile app and log users in, using Framework 7 and its components. As you know from our docs, in order to use dynamic data for your mobile apps you need to setup a separate data API project. This is the same for the Login and any other action requiring server-side workflows. Login API Action You need to setup your security provider and login action in the data API Project. It’s no different than a login action for a regular web site. You n…

Using Local Databases in Mobile and Desktop apps

Intro 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 the database manager in Wappler. That’s a great way to allow users to store, manage and work with dynamic data locally, without an internet connection. Note the Capacitor SQLite Connector is a beta extension now to let your try new functionality first. So make sure you have enabled the experimental…

and more can be found here:
https://community.wappler.io/c/docs/mobile-apps/39

Also you can take a look at Framework 7 docs: https://framework7.io/docs/introduction