Framework 7 - Including the Framework on your Mobile App

All 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 components, you will need to first ensure you have included the Framework on your working page.

Step 1: Create a blank html file, in the www folder of your mobile app project:

Step 2: Name it ensuring your extension remains “.html”:

Step 3: Open the new page in the Wappler Editor. click the highlighted Add Framework icon:

Step 4: Open the Framework 7 menu:

Step 5: And select the version you require. In our example we include the latest version:

Step 6: You will see a success notification stating that Framework 7 was successfully added:

Step 7: Right clicking the body element in the App Structure panel will show you the App Root element:

Step 8: Adding it, will allow you to add any component you might need within your page:

WapplerPrevious   WapplerNext