语言: 英文中文

Ready To Use Framework7 App Layouts

Below are the ready to use example app layouts that you can use as a starter templates for your app.

You can download all these examples on GutHub here.

Single View Application

This is the most widely used layout type where you have single view with its routing and navigation, navbar and/or toolbar, and side panels.

Open app in new window

Tab Bar Application

This is an example of tab bar application layout. The main point of such tabbed layout is that each tab contains independent view with its own routing and navigation.

Each tab/view may have different layout, different navbar type (dynamic, fixed or static) or without navbar like this tab.

Open app in new window

Split View Application

This is an example of split view application layout, commonly used on iPad apps. The main approach of such kind of layout is that you can see different views at the same time.

Each view may have different layout, different navbar type (dynamic, fixed or static) or without navbar.

Open app in new window

Split View Application With Degradation To Panel

This is an example of split view application layout where left view degrades to panel on narrow screens (iPad portrait and iPhone). It behaves like default Mail app on iOS 7.

Just click link below to open app in new window, and resize browser to see it in action.

Open app in new window

Inline Pages

Simple example of inline-pages usage. In such layout all your pages not loaded using Ajax, they are are already in DOM

Open app in new window

Template7 Pages

This examples shows how you can use built-in template engine to load pages and fill them automatically with specified data

Open app in new window