Page History

...

How to render the mobile theme?

There are 3 options available,

• Use different weblog,search ,tags and entry pages for each template. complex to maintain and handle
• Use a one default mobile theme for all desktop theme. restricted
• Use different mobile theme for each desktop theme. preferred method

User preferences for mobile/desktop rendering

Image Removed

In our design we are having one template which can be dressed up according to the detected device.We use WeblogTemplateCode to maintain different types of Template Contents , template Language to assist in that.

When a user requests a Weblog page first the template is loaded and then it is being prepared using the identified "type" such as standard , mobile etc.

How a mobile theme is rendered.(User preferred mobile theme for mobile devices.)

How many Themes we have?

We were evaluating the possibility of having a separate theme for mobile and it failed to withstand with roller existing architecture.The most suitable solution is to have a Theme with bunch of templates

Which has different template contents.We can define what are the template codes and their required attributes to load them into system.

What are the changes to Theme.xml ?

Following is an extract from Theme.xml

<template action="weblog">
<name>weblog</name>
<description>weblog</description>
<link></link>
<navbar>false</navbar>
<hidden>true</hidden>
<templateCode>
<templateLanguage>velocity</templateLanguage>
<contentType>text/html</contentType>
<contentsFile>weblog.vm</contentsFile>
<type>standard</type>
</templateCode>
<templateCode>
<templateLanguage>velocity</templateLanguage>
<contentType>text/html</contentType>
<contentsFile>weblog-mobile.vm</contentsFile>
<type>mobile</type>
</templateCode>
</template>

Blog Posts relevant for design

Roller Mobile design - New approach

http://rollermobile.blogspot.com/2011/08/u-turn-in-roller-mobile-design.html^{Image Removed}

Roller WeblogTemplateCode design

http://rollermobile.blogspot.com/2011/08/roller-weblogtemplatecode-design.html^{Image Removed}