jQM App Templates

Slide Panel and Tabbed Pages sample.

When creating a new jQuery Mobile app you can create a new app based on a number of out-of-the-box templates:

  • Blank - a blank jQuery Mobile app template so you can build anything you want.
  • Slide Panel - an app template with jQuery Mobile Slide Menu pre-configured.
  • Tabbed Pages - an app template with jQuery Mobile Tabs pre-configured.

All jQuery Mobile templates can be accessed via Create new app > jQuery Mobile tab.

Blank

The simplest jQuery Mobile app template created with a blank startScreen page with no specific settings that contains:

  • Header
  • Footer
  • Content:

To create this app:

  1. From the Apps page, click Create new app > jQuery Mobile > Blank.
  2. Click the Create button.

Slide Panel

This example uses a page template to create a menu that slides from the left.

To create this app:

  1. From the Apps page, click Create new app > jQuery Mobile > Slide Panel.
  2. Click the Create button.

Tabbed Pages

This example uses a page template and the NavBar component to create tabbed pages and navigation between the pages.

To create this app:

  1. From the Apps page, click Create new app > jQuery Mobile > Tabbed Pages.
  2. Click the Create button.