Mobile patterns

Mobile patterns provide templates we can use to develop pages that are associated with a jQuery or Dojo mobile application. Using mobile patterns accelerates development of the mobile application by providing views common to many mobile applications.

Choose from many mobile patterns available in the Default Mobile Pattern Set, or create our own Mobile Pattern Sets. See Create mobile pattern projects.

All the available Pattern Sets in the workspace and the Default Mobile Pattern Set appear grouped in the Pattern Set combination box. We can select any Mobile Pattern Set and see its content on the Add Mobile Page window.

Each Pattern Set contains categories and each category groups a list of patterns, for example: The Default Mobile Pattern Set are grouped into four categories.

Select a category on the Add Mobile Page window displays a list of available patterns that are associated with the category.

Lists

Choose from a number of different list formats from simple to complex. Choose unordered lists patterns or ordered list patterns.

Authentications

Choose the type of login page for the application containing only a User ID and password fields. Or, select a template containing more input areas or buttons, such as forgot password and register.

Navigation and search

Choose from various navigation patterns, which include toolbars, navigation lists, or lists with searchable content.

Configuration

Choose from blank configuration pages to pages containing predefined configuration items, such as language.

Some mobile patterns are sets where mobile views within the set are appropriately linked. For example, selecting a login page with Reset password, the Reset password template page is also created. When we select a mobile pattern that is a set, you see all pages in the preview.

Choose a mobile pattern adds the appropriate code into the application after which we can alter it as required.

• Add a mobile pattern to an application
  Use mobile patterns to accelerate development of mobile applications. Select from a predefined list of mobile patterns to quickly add code to the application.

• Create mobile pattern projects
  The UI Pattern is a container for mobile patterns. We can add mobile patterns to either a Dojo or jQuery app. We can also add our own mobile patterns into the tool.

• Add Dojo framework to a UI Pattern Project
  To create UI Patterns in a Pattern Project, Dojo or jQuery framework, or both, must be present in the project.

• Add jQuery framework to a UI Pattern Project
  To create UI Patterns in a Pattern Project, Dojo or jQuery framework, or both, must be present in the project.

Parent topic: Rich Page Editor

Related tasks:

Add a mobile pattern to an application