Framework 7 - Including the Framework on your Mobile App

On this page

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|101x31   WapplerNext|77x31