It is not ready yet, but...

[srvet_claudio]

Very nice Roberto,
but sorry for my ignorance as I do to run JMG on a mobile device with Android OS.
PS: When I open index.html the page appears empty on my movil phone.

[Rathinagiri]

Which browser are you using Claudio?

[srvet_claudio]

Which browser are you using Claudio?

Thanks Friend,
problem solved, I tried to open with HTMLViewer instead of Google Crome.

[Roberto Lopez]

Very nice Roberto,
but sorry for my ignorance as I do to run JMG on a mobile device with Android OS.
PS: When I open index.html the page appears empty on my movil phone.

I'm late with the answer, but, here it is: I do all my tests on latest desktop versions of Chrome and Firefox, so, at least, it should work well on their mobile counterparts.

Besides that, Chrome has a 'device mode' (menu->more tools->developer tools). Using it, you can emulate screens of various popular phones and tablets. A lot more simpler than testing on real devices.

This first experimental version, does only one small step towards responsiveness (switching from full page width, to dialog mode).

The second step is to use responsive grids, to show the controls in multiple columns or stacked, according screen width (automatically) when setPageStyle('auto') is used.

More info here:

http://demos.jquerymobile.com/1.3.0-rc. ... nsive.html

In fact, that page itself is responsive.

The normal view (desktop-zoom 100%) it shows two columns (menu and content). If you zoom it a lot (200-300%) the content is shown using full width and the menu is located at the page end (no longer at the left).

The challenge for me now, is to make it easy and intuitive for the JMG developer.

[Roberto Lopez]

Here is how device mode works:

Image1.png (185.84 KiB) Viewed 5086 times

Image2.png (142.58 KiB) Viewed 5086 times

[srvet_claudio]

Very nice Roberto,
but sorry for my ignorance as I do to run JMG on a mobile device with Android OS.
PS: When I open index.html the page appears empty on my movil phone.

I'm late with the answer, but, here it is: I do all my tests on latest desktop versions of Chrome and Firefox, so, at least, it should work well on their mobile counterparts.

Besides that, Chrome has a 'device mode' (menu->more tools->developer tools). Using it, you can emulate screens of various popular phones and tablets. A lot more simpler than testing on real devices.

This first experimental version, does only one small step towards responsiveness (switching from full page width, to dialog mode).

The second step is to use responsive grids, to show the controls in multiple columns or stacked, according screen width (automatically) when setPageStyle('auto') is used.

More info here:

http://demos.jquerymobile.com/1.3.0-rc. ... nsive.html

In fact, that page itself is responsive.

The normal view (desktop-zoom 100%) it shows two columns (menu and content). If you zoom it a lot (200-300%) the content is shown using full width and the menu is located at the page end (no longer at the left).

The challenge for me now, is to make it easy and intuitive for the JMG developer.

Roberto thank you very much for all your effort and for you explanations.

Only for info: JMG looks very nice in the tablet and in the phone both of them with Android OS.