Liferay goes mobile

While at OSCON last month, I couldn't help but notice a lot of chatter between the booths about mobile devices, mobile browsing, and much adeu about how mobile was everywhere I would ever want to be, ever. So, this week I gave in, sipped on a little post-OSCON Kool-aid, and decided to find out what Liferay could do when it came to unlocking the power of my iPhone.

As smartphones continue to blend (or some might say impede) the space between dialing a number, taking a picture, or discovering new music, mobile browsers now offer us the next frontier in the previously desktop-exclusive market of web design. I don't count WAP either. We've come a long way from WAP and, man, I'm glad that never really took off. The world wide web doesn't need to support another IE6.

Well, now I would like to introduce to you three new iPhone themes freely available in our plugin repository; they are Jedi Mobile, iPhone, and iPhone Redirect.

   

The Jedi Mobile theme takes the original Jedi theme and packs it into a bite-sized, smartphone punch. What you end up getting is something akin to my favorite mobile experiences at Facebook or Flickr, but with a moodier palette, oh, and the power to control the entire portal at your fingertips.

   

The iPhone theme takes a much more direct approach to “web application”. With its indigenous appearance and feel, your website starts to feel like a playlist, your user experience appears native, and navigation comes naturally.

The iPhone theme also introduces a new browser detection mechanism for specialized mobile functionality. If you visit the site on an iPhone, you get the bare minimal javascript, html, and css. If you visit the site on a regular machine, you get all the more advanced UI features which will be quite necessary when administering the page; adding and moving portlets, and creating web content.

The iPhone Redirect theme takes the browser detection mechanism one step further; intelligent redirection. iPhone Redirect is an unstyled theme which comes with a custom initialization feature that can detect an iPhone browser visiting the page, check for a Mobile community, and, if found, automatically redirect the iPhone user to that community. And yes, it will work with a Virtual Host (eg: m.liferay.com) or a Friendly URL (eg: localhost/web/mobile).

Pretty neat, huh? I thought so too; and this is only the first step.

[Eduardo Lundgren]

Wow, good job Jon.

[Michael Saechang]

Very clean, amazing!

[Jonas Yuan]

Cool! Thank you, Jonathan.

[Craig Kaneko]

Nice man!

[James Min]

excellent job

[Alexander Chow]

Good job Jon!

[Francois Andry]

Jonathan,

I understand that the iPhone Redirect theme (unstyled) has been checked yesterday in the trunk, but I could not find it in either the "official plugins" or the "community plugins" repositories?

What is the exact URL to donwload the plugin(s) you mention?

-Francois

[Jonathan Neal]

Francois,

Checked the SVN? \plugins\themes\iphone-redirect-theme

Jonathan

[Francois Andry]

Jonathan,

I was able to retrieve the themes from LR SVN using the following URL:

http://svn.liferay.com/repos/public/plugins/trunk/themes/

Thank you very much for this!

-Francois

[Ryan Terwedo]

Im a bit new to the SVN conncept. Do I need an SVN client to download the files and then copy them over to my tomcat hot deploy folder?

Is this documented anywhere? I was searching around and didnt find anything.

Thanks,

Ryan

[Brian Kursar]

Can anyone send this to me via email? I can't seem to get into SVN. PM me.

Thanks!

[Shepherd Ching]

I'm lovin' it

[Kamal Pasha Shaikh]

Hi Jon,

I was able to find sevencogs-mobile-theme using the following svn url:

http://svn.liferay.com/repos/public/plugins/trunk/themes/

However, I couldn't find the iphone-redirect-theme in that svn folder. Can you please double check if it is available to the guest users?

Thanks,
Kamal

[Rix Beck]

This thread is outdated, 'cause all iphone themes are removed from repository. You may check what ideas behind if search "iphone" in SVN history.

[simon tuffle]

Can anybody give the proper URL link for the IPhone-theme.war or jedi-mobile-theme.war for liferay6.0.4 and above.In svn repository only sevencogs-mobile-theme is only available.

[simon tuffle]

ok i got the theme. Here is the link

http://liferay.cignex.com/palm_tree/book/0387/chapter12/iphone-redirect-theme-6.0.0.1.war

[Thibaut Bultiaux]

The link doesn't work anymore.
I am quite disappointed of not being able to find those iphone and iphone-redirect themes. Expecting to get it with Lferay 6.1

[delang j]

great job jon,

btw what is the first step should i take to configure my portal mobile friendly. i couldnt find any guidance in wiki.

[András Gábor]

Hi,

I am having trouble finding the theme on the public svn for LR 5.2.3 today.
Is this still available for community?

Thank you

[fayr _]

I've looked for it in Theme Plugins and cannot find but would really like to use it.
When I go to the link posted here:
http://svn.liferay.com/repos/public/plugins/trunk/themes/
I got a request for username & password

Where can I get this? I am using 5.2.3

[fayr _]

username is "guest"
pwd is blank..

but still no theme...

[Jonas X. Yuan]

Hi, This mobile theme is used for 6.0. You can find it at

http://liferay.cignex.com/palm_tree/book/0387/chapter12/
from the Book: Liferay Portal 6 Enterprise Intranets
http://www.amazon.com/Liferay-Portal-6-Enterprise-Intranets/dp/1849510385

for SVN truck, you can use Guest account: Guest, password: empty.

Good luck!

[Yogesh Prabhu]

Hi, i downloaded the sevencogs-mobile-theme-6.0.5.1.war for liferay 6.0.5. I am testing it in the MobiOne simulator for iphone.
There is no difference in the rendition..it is openeing as it is opening in the browser..Am i missing something?

I also tested the iphone-theme-5.3.0.1.war, iphone-redirect-theme-5.3.0.1.war and jedi-mobile-theme-5.3.0.1.war in liferay 5.2.3 bundle..but it is not opening as shown above in the pics in my MobiOne simulator..

Any suggestions please..?

[Jonas X. Yuan]

Hi Yogesh,

Above mobile themes should be used in 6.0, not in 5.2.

Thanks

[Juanma Cortés]

Hi everyone,
I came back to this post looking for more information about phone themes and I'm very disappointed with the luck of information. In addition the links where the code was uploaded doesn't work anymore.

I'm one of the luckys who downloaded the code few months ago. I'm gonna leave the link where I have the .war for any one who would be interested.

http://dl.dropbox.com/u/2886599/iphone-theme-6.0.5.1.war

If anyone has improved something about this theme, please, share it here as everybody do.

Thanks.

[Juanma Cortés]

Also I have found this page where we can dowload all of them:
Jedi, iphone and Iphone redirect
http://www.liferay.com/zh/web/jonathan.neal/blog/-/blogs/3744737
Enjoy!

[Juanma Cortés]

Sorry, this one: http://www.packtpub.com/article/liferay-portal6-build-wap-sites-and-integrate-crm-and-netvibes-widgets