Titlebar

Title bar is on top of page.

title

{% highlight html %}

title

{% endhighlight %}

Title bar with buttons

Title

{% highlight html %}

Title

{% endhighlight %}

With icons

{% highlight html %}

title

{% endhighlight %}

With icons and text

title

{% highlight html %}

title

{% endhighlight %}

带标签页

Tab 1 Tab 2 Tab 3

{% highlight html %}

Tab 1 Tab 2 Tab 3

{% endhighlight %}

Toolbar

Toolbar is used as the main tab. You should put it sibling to .page elements to make it a global toolbar.Add a .no-tabbar class on .page when you want to hide toolbar on specific page. Or, you can use $.showToolbar(true/false) to toggle toolbar.

Note! If you use router to switch pages, you should use inline pages instead of ajax pages. Because when load ajax page, the router will not check if it is already exist. The same page may be loaded multi times.

{% highlight html %} {% endhighlight %}

Toolbar with only text

{% highlight html %} {% endhighlight %}

Secondary Titlebar and Toolbar

{% highlight html %}

{% endhighlight %}