jqmobile

Component ID

1686626

Component name

jqmobile

Component type

theme

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

Yet another jQuery Mobile theme.

Required modules
views
imagecache
mobile tools (optional)

Installation
Standard theme installation applies.
Enable it.

Build your mobile views
1. add a new imagecache preset

name: mobile_thumb (in this example)
scale & crop: 60x60

2. use views build a frontpage

Style: HTML List
Row style: Fields

Fields
Content: field_image with imagecache "mobile_thumb" (Exclude from display)
Node: Teaser (Exclude from display)
Node: Title with link to node (Rewrite the output of title field as below)

[field_image_fid]
<h3>[title]</h3>
<p>[teaser]</p>

3. install Mobile Tools module
or, edit the settings.php.

make the view above as the frontpage of your mobile domain.

that's all.

Optional
1. open "admin/build/menu/add",
add a new menu named "mobile-primary".
this theme willl use this seperated menu if exists, instead of the "primary-link".

2. clone the mobile_frontpage view to another,
for example, mobile/term/%, content/type/% with appropriate arguments.

3. add links to menu "mobile-primary"...

regions
there's only one region named "content-secondary", which will display on the left or bottom depending on the screen size (pad? or phone).

6.x demo here