Skip to main content

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

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


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>

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

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for pinax-theme-jquerymobile, version 0.1.0
Filename, size File type Python version Upload date Hashes
Filename, size pinax-theme-jquerymobile-0.1.0.tar.gz (150.7 kB) File type Source Python version None Upload date Hashes View

Supported by

Pingdom Pingdom Monitoring Google Google Object Storage and Download Analytics Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN DigiCert DigiCert EV certificate StatusPage StatusPage Status page