Discuss

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: