Forums

Home » Liferay Portal » English » 2. Using Liferay » General

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Hiral Vadher
Lifreay 6.1.20 Mobile theme
May 15, 2013 1:44 PM
Answer

Hiral Vadher

Rank: New Member

Posts: 14

Join Date: February 13, 2013

Recent Posts

I have created theme for liferay 6.1.20.

now i need to create theme for same project for mobile device.

i have never work on mobile device theme.

Please guide me how to start with.

I go to control panel > Site Pages> Mobile Devices .

but it does not show any theme available
Subhasis Roy
RE: Lifreay 6.1.20 Mobile theme
May 15, 2013 11:48 PM
Answer

Subhasis Roy

Rank: Expert

Posts: 284

Join Date: January 19, 2012

Recent Posts

You need to create WAP theme and then deploy that in liferay. After that you can able to see your theme under the mobile in control panel.

steps.
a) Create a WAP Theme plug-in using plugin-sdk
b) Edit the liferay-look-and-feel.xml from my wap-theme/docroot/WEB-INF with the following code:

<look-and-feel>
<compatibility>
<version>6.1.0+</version>
</compatibility>
<theme id="MyWAPTheme" name="TestWAPTheme2" >
<wap-theme>true</wap-theme>
</theme>
</look-and-feel>

c) Add the following entry in the portal-ext.properties file
default.wap.theme.id=MyWAPTheme

Ref urls:

https://www.liferay.com/web/aaron.delani/blog/-/blogs/mobile-theme-curiosity
http://www.liferay.com/community/wiki/-/wiki/Main/Themes+%28WAP%29
http://www.liferay.com/documents/14/77bd0b72-29cb-4ece-b640-dbc6ddb5410a
Hiral Vadher
RE: Lifreay 6.1.20 Mobile theme
May 16, 2013 12:02 PM
Answer

Hiral Vadher

Rank: New Member

Posts: 14

Join Date: February 13, 2013

Recent Posts

Thanks for hint !
Hiral Vadher
RE: Lifreay 6.1.20 Mobile theme
May 16, 2013 1:10 PM
Answer

Hiral Vadher

Rank: New Member

Posts: 14

Join Date: February 13, 2013

Recent Posts

Hi,

I did as suggested.

Now i can see my sample-wap-theme under Site Pages > Mobile Devices
I have selected that theme.

but when i switch to different mobile device user agent , i can not see theme changes !!!

Do I need to do any settings for Mobile Device Rule Groups ?

I have read some where about WURFL plugin. Do i need to install it ?

any help ?

-Thanks
sheela mk
RE: Lifreay 6.1.20 Mobile theme
July 29, 2013 2:16 AM
Answer

sheela mk

Rank: Regular Member

Posts: 111

Join Date: February 16, 2012

Recent Posts

Hi..Hiral..

If you got to finished regarding Mobile theme..Pls post your answer..

I referred above links..

I'm not able to carry..with further steps..

Thanks and Regards,,
Sheela MK
Hiral Vadher
RE: Lifreay 6.1.20 Mobile theme
July 29, 2013 7:25 AM
Answer

Hiral Vadher

Rank: New Member

Posts: 14

Join Date: February 13, 2013

Recent Posts

As of Liferay 6.1, you must install the WURFL plugin in order to allow the mobile device rules to work.
I have followed this link.
http://www.liferay.com/documentation/liferay-portal/6.1/user-guide/-/ai/lp-6-1-ugen03-mobile-device-rules-0

I have created Mobile Theme, and configured Mobile Rule Groups.
Its working fine for me, as i expected.

Let me know if you need any other information.
sheela mk
RE: Lifreay 6.1.20 Mobile theme
July 31, 2013 12:00 AM
Answer

sheela mk

Rank: Regular Member

Posts: 111

Join Date: February 16, 2012

Recent Posts

Hai..Hiral..I have deployed

wurfl-web-6.1.0.1-ce-ga1-20120106155615760.war in deploy folder..

I referred Some Video..about Mobile device Rules..

And I added Mobile device Rule..with the list of all OS...

Then..later..What i has to do..Pls let me know.
Milen Dyankov
RE: Lifreay 6.1.20 Mobile theme
July 31, 2013 12:14 AM
Answer

Milen Dyankov

LIFERAY STAFF

Rank: Expert

Posts: 262

Join Date: October 30, 2012

Recent Posts

HI Sheela,

can you please tell us what your goal is and what problems exactly you are facing? Without that I can only point you to the official documentation.
sheela mk
RE: Lifreay 6.1.20 Mobile theme
July 31, 2013 12:42 AM
Answer

sheela mk

Rank: Regular Member

Posts: 111

Join Date: February 16, 2012

Recent Posts

Hai..Thanks for quick reply..

My requirement is to i wana access Liferay Portal Application from different Mobile Devices.


My envor

liferay-portal-6.1.20-ee-ga2
liferay-plugins-sdk-6.1.20

I have deployed above mentioned war in deploy folder tomcat.

I have been thr these links..


http://milen.commsen.com/2012/05/mobile-device-detection-in-liferay-61.html
http://liferaytrends.blogspot.in/2013/05/mobile-theme-in-liferay.html
http://www.liferay.com/web/aaron.delani/blog/-/blogs/mobile-theme-curiosity
http://www.liferay.com/community/forums/-/message_boards/message/7153820
Milen Dyankov
RE: Lifreay 6.1.20 Mobile theme
July 31, 2013 12:56 AM
Answer

Milen Dyankov

LIFERAY STAFF

Rank: Expert

Posts: 262

Join Date: October 30, 2012

Recent Posts

Hi,
It seems you have installed the plug-in so you are half the way there. All you need to do now if configure your device matching rules and actions. Please read the official documentation to learn how to do that and if you run into any issues just let me know.
sheela mk
RE: Lifreay 6.1.20 Mobile theme
July 31, 2013 1:57 AM
Answer

sheela mk

Rank: Regular Member

Posts: 111

Join Date: February 16, 2012

Recent Posts

Hai..i have configured also..by seeing your..video..of mobile device rules..

And then..what i has to supposed to do..pls let me know..

And m not getting any error in console..its all fine...

And also..let me knw Do i has to create wap theme also??
Milen Dyankov
RE: Lifreay 6.1.20 Mobile theme
July 31, 2013 2:36 AM
Answer

Milen Dyankov

LIFERAY STAFF

Rank: Expert

Posts: 262

Join Date: October 30, 2012

Recent Posts

You don't need to create WAP theme.
When you access your site with a mobile deice if any of the configured rules matches the appropriate action(s) will get executed. So for example if you have a rule that matches iPhones and action that redirects to different site is attached to that rule, then you should get redirected when you access the site with an iPhone.
Amruta Naidu
RE: Lifreay 6.1.20 Mobile theme
December 30, 2013 1:38 AM
Answer

Amruta Naidu

Rank: New Member

Posts: 12

Join Date: April 23, 2013

Recent Posts

Hey...

I am using liferay 6.1.2 GA3 and SDK 6.1.1.... i went through all the mobile theme related posts.
First thing required is WURLF war and some Device recognition CE from marketplace.
I am not able to find either of the two for liferay 6.1.2 version.
Please if any one has any idea regarding this, help me out.

Thanks.
Tejas Kanani
RE: Lifreay 6.1.20 Mobile theme
December 30, 2013 10:25 PM
Answer

Tejas Kanani

Rank: Liferay Master

Posts: 655

Join Date: January 6, 2009

Recent Posts

Amruta,

Check this out from Liferay Marketplace.
https://www.liferay.com/marketplace/-/mp/application/15193341

Among all the 6.1 compatible versions, you can download version for 6.1.1+ (6.1 CE GA2+) for your need. It should work with GA3 as well.
Amruta Naidu
RE: Lifreay 6.1.20 Mobile theme
January 3, 2014 5:13 AM
Answer

Amruta Naidu

Rank: New Member

Posts: 12

Join Date: April 23, 2013

Recent Posts

Tejas,

Thanks a lot.... that version helped. It is deployed without any errors, but i am not able to check the mobile theme using chrome user agent.
As in no changes are reflecting, old theme is only displayed if user agent is Android.
I have added device rule groups, added action as Theme Modification and applied Mobile theme on all public pages.

Please reply if you have any idea about this. Thanks....
Hiral Vadher
RE: Lifreay 6.1.20 Mobile theme
January 3, 2014 6:43 AM
Answer

Hiral Vadher

Rank: New Member

Posts: 14

Join Date: February 13, 2013

Recent Posts

For me too, Mobile theme was not loaded with Chrome user agent.

Either Firefox user agent will work or you need to test it on Android mobile itself.
Milen Dyankov
RE: Lifreay 6.1.20 Mobile theme
January 7, 2014 2:11 AM
Answer

Milen Dyankov

LIFERAY STAFF

Rank: Expert

Posts: 262

Join Date: October 30, 2012

Recent Posts

I'm not sure what you mean by "Mobile theme was not loaded with Chrome user agent" but generally speaking WURFL will not treat a standard Chrome or Firefox User-Agent as mobile device. You need to do one of the following:
- use some browser plug-in to change the User-Agent so your browser pretends to be a mobile device
- use some device emulator
- use a real device

For the first option (and in some cases may be the second) please note that once the device is recognized (based on the User-Agent) its cached in the server session. So if you make one request with standard browser headers and then change the User-Agent - it will not work. You need to establish a new session (clear relevant browser cookies) so a new attempt to detect the device is made.

Some time ago I put together a script that acts as simple mobile device emulator in Firefox to demo the MDR during Liferay Symposium. You can try it and hopefully (assuming your rules are properly configured) you should see the theme changes.
Amruta Naidu
RE: Lifreay 6.1.20 Mobile theme
January 9, 2014 3:40 AM
Answer

Amruta Naidu

Rank: New Member

Posts: 12

Join Date: April 23, 2013

Recent Posts

Milen Dyankov:


For the first option (and in some cases may be the second) please note that once the device is recognized (based on the User-Agent) its cached in the server session. So if you make one request with standard browser headers and then change the User-Agent - it will not work. You need to establish a new session (clear relevant browser cookies) so a new attempt to detect the device is made.

Some time ago I put together a script that acts as simple mobile device emulator in Firefox to demo the MDR during Liferay Symposium. You can try it and hopefully (assuming your rules are properly configured) you should see the theme changes.



Thanks Milen,

It was the session cache problem. Its working fine for me now. emoticon
Thanks again.....