Ask Questions and Find Answers
Important:
Ask is now read-only. You can review any existing questions and answers, but not add anything new.
But - don't panic! While ask is no more, we've replaced it with discuss - the new Liferay Discussion Forum! Read more here here or just visit the site here:
discuss.liferay.com
RE: Re: [Liferay Forums][4.3.x Themes] Iphone : Mobile Theme
Hello,
I am currently on version 5.2 of Liferay. I have a theme for regular browsers, and mobile Theme provided by Liferay. When I connect with my Iphone, the theme that appears on the screen and the one I assigned to regular browsers and not earmarked for mobile.
How to be it the mobile theme that is taken into account?
Thank you for your answers
I am currently on version 5.2 of Liferay. I have a theme for regular browsers, and mobile Theme provided by Liferay. When I connect with my Iphone, the theme that appears on the screen and the one I assigned to regular browsers and not earmarked for mobile.
How to be it the mobile theme that is taken into account?
Thank you for your answers
I think, the browser in IPhone is a normal browser and that's why you are getting regular theme.
If you access your portal using some other mobile device or using any mobile simulator such as OpenWave, you will get mobile theme.
If you access your portal using some other mobile device or using any mobile simulator such as OpenWave, you will get mobile theme.
I agree with Manish; I think the detection of a mobile/desktop browser is made through the detection of the HTTP user-agent.
Hi,
I have two issues in accessing LR through mobile.
Issue 1:
I have deployed jedi-mobile-heme and sample-wap-theme.
jedi-mobile-theme is under "Regular web browser" look and feel.
sample-wap-theme is under "Mobile devices" look and feel.
I am using "Microsoft Mobile explorer". When i try to access LR in it, i am unable to apply sample-wap-theme, only the theme applied in regular web browser is reflected in the explorer. Since jedi-mobile-theme is under regular web browser, i am able to access it in my explorer.
As per the previous articles posted under this category, i checked my explorers accept header. It supports wml content. But then i cant apply mobile theme in it. Am i missing any configuration?
Issue 2:
When i try to signin LR through mobile, the redirection is not taking place. Similarly,
I cannot access sample-wap-portlet(photo gallery and video). (i.e)In photo gallery, once we select the first picture it will be redirected to a page where rest of the pictures could be seen. But when i try to click the picture, no redirection takes place.
Could someone help me out.
I have two issues in accessing LR through mobile.
Issue 1:
I have deployed jedi-mobile-heme and sample-wap-theme.
jedi-mobile-theme is under "Regular web browser" look and feel.
sample-wap-theme is under "Mobile devices" look and feel.
I am using "Microsoft Mobile explorer". When i try to access LR in it, i am unable to apply sample-wap-theme, only the theme applied in regular web browser is reflected in the explorer. Since jedi-mobile-theme is under regular web browser, i am able to access it in my explorer.
As per the previous articles posted under this category, i checked my explorers accept header. It supports wml content. But then i cant apply mobile theme in it. Am i missing any configuration?
Issue 2:
When i try to signin LR through mobile, the redirection is not taking place. Similarly,
I cannot access sample-wap-portlet(photo gallery and video). (i.e)In photo gallery, once we select the first picture it will be redirected to a page where rest of the pictures could be seen. But when i try to click the picture, no redirection takes place.
Could someone help me out.
I did some debugging and found that mobile theme is delivered to only
those devices which are WAP enabled i.e. they sends Htttp accept header
with "wap.xhtml" string.
those devices which are WAP enabled i.e. they sends Htttp accept header
with "wap.xhtml" string.
Hi,
Guys, i got jedi-mobile-theme from repository. but problems remains same. I am able to configure two tomcats(one is actual website and other for mobile) on same database. Themes applied are also different but when i change layout in one theme. It changes layout for other as well.
Any suggestion to avoid this?
Thanks in advance.
Amit Jagnade
Guys, i got jedi-mobile-theme from repository. but problems remains same. I am able to configure two tomcats(one is actual website and other for mobile) on same database. Themes applied are also different but when i change layout in one theme. It changes layout for other as well.
Any suggestion to avoid this?
Thanks in advance.
Amit Jagnade
Hello Amit,
The change of theme to the same as the otherone is done because you run on the same database and thus showing the same layouts.
But why show a different theme for the iPhone? It has a good browser & screen.
Is you want to change a theme I suggest you implement a browser agent check and run a different stylesheet. This way you dont have difficult extra tomcat setups etc.
Have a look at:
http://earthcode.com/blog/2007/09/iphone_web_dev.html
http://issues.liferay.com/browse/LEP-5401
Good luck,
Maarten
www.pantheon-automatisering.nl
The change of theme to the same as the otherone is done because you run on the same database and thus showing the same layouts.
But why show a different theme for the iPhone? It has a good browser & screen.
Is you want to change a theme I suggest you implement a browser agent check and run a different stylesheet. This way you dont have difficult extra tomcat setups etc.
Have a look at:
http://earthcode.com/blog/2007/09/iphone_web_dev.html
http://issues.liferay.com/browse/LEP-5401
Good luck,
Maarten
www.pantheon-automatisering.nl
Because iPhones don't show a lot of things like Flash that you would want to exclude from a mobile view of your web site.
I think that part of it has to do with how the sniffing of the user agent is occuring. There's probably not a good definition for iphones.
I think that part of it has to do with how the sniffing of the user agent is occuring. There's probably not a good definition for iphones.
Same problem here. As mobile devices turn to normal browser, it is becoming also difficult to differentiate them from others.
For Simulation I am additionally using
http://labs.blackbaud.com/NetCommunity/article?artid=662
there is a free Iphone browser Simulator.
For Simulation I am additionally using
http://labs.blackbaud.com/NetCommunity/article?artid=662
there is a free Iphone browser Simulator.
Hello everybody,
the wap enabled devices are mostly diminishing and most are using normal browsers instead. Therefore it will be highly recommended to use one theme which may adapt to the user device.
Mobile phone browsers have mostly identical capabilities but still resolution and and menus have to be adapted accordingly.
I prefer jedi mobile theme to iphone theme. Iphone theme goes for minimal javascripts which reduces the capability and than the mobile user may be subjected to lesser fun.
I agree with maarten that one needs to change mostly stylesheets for mobile devices. The theme should be able to detect iphone, nokia or other mobile devices by using user agent property.
the wap enabled devices are mostly diminishing and most are using normal browsers instead. Therefore it will be highly recommended to use one theme which may adapt to the user device.
Mobile phone browsers have mostly identical capabilities but still resolution and and menus have to be adapted accordingly.
I prefer jedi mobile theme to iphone theme. Iphone theme goes for minimal javascripts which reduces the capability and than the mobile user may be subjected to lesser fun.
I agree with maarten that one needs to change mostly stylesheets for mobile devices. The theme should be able to detect iphone, nokia or other mobile devices by using user agent property.
Using alternative stylesheets for iPhones/etc isn't ideal, although it is easy to implement with css3 media queries.
The sort of thing I'd like to do for an iPhone is default to collapsed portlets, and show them in a single column - you could achieve that using css (by hiding the content div), but then of course you're overriding the portlets' own minimize/normal/maximise behaviour, so it's hacky.
Does anyone have any thoughts on an alternative theme (or just collapsing the portlets) based upon screen resolution, could be achieved out of the box?
The sort of thing I'd like to do for an iPhone is default to collapsed portlets, and show them in a single column - you could achieve that using css (by hiding the content div), but then of course you're overriding the portlets' own minimize/normal/maximise behaviour, so it's hacky.
Does anyone have any thoughts on an alternative theme (or just collapsing the portlets) based upon screen resolution, could be achieved out of the box?
Hi,
Maybe this post will help.
RE: Liferay for Mobile Web Development???
You could also do a seperate community specially for mobile devices like iPhones. In this you can present the same content, because you can share content over multiple communities. You can then present configured portlets.
An other option is to wait for Milen to finish and use this option.
Maarten
Maybe this post will help.
RE: Liferay for Mobile Web Development???
You could also do a seperate community specially for mobile devices like iPhones. In this you can present the same content, because you can share content over multiple communities. You can then present configured portlets.
An other option is to wait for Milen to finish and use this option.
Maarten
Hi,
I want to apply separate theme for all mobiles( iphone, blackberry & android). So i have applied iphone-theme.war at Look and Feel->Mobile Browser.
But the when i access through iphone, the same regular theme is applied.
And i have tested by applying the iphone-theme.war to the regular browser from Look and Feel-> Regular Browser, and it is showing with iPhone layout and working fine in the system with Mozilla FireFox.
Could anybody assist me on this and tell me where i have gone wrong. Or do i need to do any extra settings?
And i want to know, how the request is identified (mobile browser & system browser) and in which file inside the liferay.
Thanks & Regards,
I want to apply separate theme for all mobiles( iphone, blackberry & android). So i have applied iphone-theme.war at Look and Feel->Mobile Browser.
But the when i access through iphone, the same regular theme is applied.
And i have tested by applying the iphone-theme.war to the regular browser from Look and Feel-> Regular Browser, and it is showing with iPhone layout and working fine in the system with Mozilla FireFox.
Could anybody assist me on this and tell me where i have gone wrong. Or do i need to do any extra settings?
And i want to know, how the request is identified (mobile browser & system browser) and in which file inside the liferay.
Thanks & Regards,