a theme for Pinax based on jQuery Mobile
Project description
A Pinax theme based on jQuery Mobile
==========================================
Quick Start
-----------
Include "pinax-theme-jquerymobile" in your requirements file and
"pinax_theme_jquerymobile" in your INSTALLED APPS.
Make sure both template loaders and staticfiles finders includes
app directories.
Site name comes from Sites fixture.
Your "site_base.html" should extend "theme_base.html"
nav & subnav blocks
-----
"nav" and "subnav" blocks content should be something like:
<li><a data-role="button" data-icon="back" href="{% url acct_logout %}">Logout</a></li>
"nav" block appears in header and "subnav" block in footer
Your pages should have blocks "head_title" and "body" and should extend
"site_base.html".
The url name "home" should be defined as the homepage.
by default theme using jquery CDN with latest jquery, jquerymobile.min.js, jquerymobile.min.css
Forms
-----
To style forms,
{% load jquerymobile_tags %}
and do something like:
<form method="POST" action="">{% csrf_token %}
<fieldset data-role="controlgroup">{{ form|as_jquerymobile }}</fieldset>
<button type="submit">Submit</button>
</form>
Todo / Issues
-------------
* build additional templates for other Pinax-related apps
* add settings option to switch jQuery Mobile themes (A,B,C,D,E) in settings
* add settings option to load jQuery Mobile static files from CDN or use local files.
==========================================
Quick Start
-----------
Include "pinax-theme-jquerymobile" in your requirements file and
"pinax_theme_jquerymobile" in your INSTALLED APPS.
Make sure both template loaders and staticfiles finders includes
app directories.
Site name comes from Sites fixture.
Your "site_base.html" should extend "theme_base.html"
nav & subnav blocks
-----
"nav" and "subnav" blocks content should be something like:
<li><a data-role="button" data-icon="back" href="{% url acct_logout %}">Logout</a></li>
"nav" block appears in header and "subnav" block in footer
Your pages should have blocks "head_title" and "body" and should extend
"site_base.html".
The url name "home" should be defined as the homepage.
by default theme using jquery CDN with latest jquery, jquerymobile.min.js, jquerymobile.min.css
Forms
-----
To style forms,
{% load jquerymobile_tags %}
and do something like:
<form method="POST" action="">{% csrf_token %}
<fieldset data-role="controlgroup">{{ form|as_jquerymobile }}</fieldset>
<button type="submit">Submit</button>
</form>
Todo / Issues
-------------
* build additional templates for other Pinax-related apps
* add settings option to switch jQuery Mobile themes (A,B,C,D,E) in settings
* add settings option to load jQuery Mobile static files from CDN or use local files.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
pinax-theme-jquerymobile-0.1.0.tar.gz
(150.7 kB
view hashes)
Close
Hashes for pinax-theme-jquerymobile-0.1.0.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 3f6cbbbfbc8972ccfca49ea573be9e6684aa8bfce4a36fbda7f24777a339bd96 |
|
MD5 | 4c89070597c466f403e0acc13bce92d1 |
|
BLAKE2b-256 | f69ad79acd72b5633e798d7fd0de62859af46a2d33b2a19b17866cf3c38afcaf |