[ 
https://jira.nuxeo.com/browse/NXP-6584?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=91253#action_91253
 ] 

Jean-Marc Orliaguet commented on NXP-6584:
------------------------------------------

JQuery for mobiles (http://jquerymobile.com/) supports a basic layout system 
similar to sections / cells layout used in the theme engine:
http://jquerymobile.com/demos/1.0a3/#docs/content/content-grids.html

Existing nuxeo site pages cannot be reused directly without being rewritten 
because the UI logic is different from HTML sites (i.e. a separate /mobile URL 
would be required)

A typical application configuration would look like:

<view id="/mobile">
  <engine>jquery-mobile</engine>
  <theme>my-mobile-theme/startpage</theme>
</view>

...

> Theme engine: add a negotiation strategy for mobile devices (iPhone, ...) 
> --------------------------------------------------------------------------
>
>                 Key: NXP-6584
>                 URL: https://jira.nuxeo.com/browse/NXP-6584
>             Project: Nuxeo Enterprise Platform
>          Issue Type: New Feature
>            Reporter: Jean-Marc Orliaguet
>            Assignee: Jean-Marc Orliaguet
>
> The default table-based layout used for rendering themes is not designed for 
> mobile phone screens (horizontal layout, small fonts, difficult to see 
> buttons and input fields,  ...).
> When designing sites for mobile devices, a standard solution (except from 
> creating a dedicated mobile app) is to offer a page for mobile clients which 
> has a linearized layout (for ex. http://mobile.lemonde.fr/  or 
> cnn.com/mobile/), however the link to the mobile page can often be difficult 
> to find when using a mobile phone.
> When using the theme engine, there are several options that could be used to 
> improve user experience:
> - create a separate theme for mobile devices and associate it to a given URL 
> (.e.g /mobile/)
> - create a "mobile" engine which does linearized layouts and apply it to a 
> given URL (e.g. /mobile/) 
> or better:
> - apply a specific mobile theme or engine as described above not to a URL but 
> to a list of mobile clients: 
> the client negotiation can be based on the User-Agent HTTP header, combined 
> with a regex.
>     <application root="${org.nuxeo.ecm.contextPath}/site/my-site" 
> template-engine="freemarker">
>       <client id="iphone4">
>          <engine>mobile</engine> 
>       </client>
>       <client id="ipad">
>          <theme>larger-screen/default</theme>
>       </client>
>      
>       <client id="all-known-mobiles">
>          <theme>mobile/default</theme>
>       </client>
>       ....
>    </application>
> with an nxruntime contribution point for defining "client" ids as regex 
> expressions.

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: 
https://jira.nuxeo.com/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

        
_______________________________________________
ECM-tickets mailing list
ECM-tickets@lists.nuxeo.com
http://lists.nuxeo.com/mailman/listinfo/ecm-tickets

Reply via email to